<commit_before>//@flow
import React from "react";

import { Ul, Li, Nav } from "./styled-components";
import { LinkedInIcon } from "../../../../elements/linkedin-icon";
import { OctocatIcon } from "../../../../elements/octocat-icon";
import { Highlight } from "../../../../elements/highlight";
import { Chevron } from "../../../../elements/chevron";
import Bubble from "../../../../elements/bubble";
import theme from "../../../../global/style/mainTheme";
import addActiveState from "../../../../global/hoc/addActiveState";

const ActiveLi = addActiveState(Li);

export const MainNav = (props: {}) => (
  <Nav>
    <Ul>
      <ActiveLi><Highlight {...props} url="/">Projects</Highlight></ActiveLi>
      <ActiveLi><Highlight {...props}>About</Highlight></ActiveLi>
      <ActiveLi>
        <Highlight highlightColor="transparent" {...props}>
          <Chevron {...props}>Download</Chevron>

        </Highlight>
        <Bubble
          {...props}
          textItems={[
            { label: "Resume", target: "#" },
            { label: "Portfoliontopolov", target: "#" }
          ]}
        />
      </ActiveLi>
      <ActiveLi><Highlight {...props}>Contact</Highlight></ActiveLi>
    </Ul>
    <Ul>
      <ActiveLi><LinkedInIcon /></ActiveLi>
      <ActiveLi><OctocatIcon /></ActiveLi>
    </Ul>

  </Nav>
);<commit_msg>Add dummy URLs to header nav items<commit_after>//@flow
import React from "react";

import { Ul, Li, Nav } from "./styled-components";
import { LinkedInIcon } from "../../../../elements/linkedin-icon";
import { OctocatIcon } from "../../../../elements/octocat-icon";
import { Highlight } from "../../../../elements/highlight";
import { Chevron } from "../../../../elements/chevron";
import Bubble from "../../../../elements/bubble";
import theme from "../../../../global/style/mainTheme";
import addActiveState from "../../../../global/hoc/addActiveState";

const ActiveLi = addActiveState(Li);

export const MainNav = (props: {}) => (
  <Nav>
    <Ul>
      <ActiveLi><Highlight {...props} url="/">Projects</Highlight></ActiveLi>
      <ActiveLi><Highlight {...props} url="/">About</Highlight></ActiveLi>
      <ActiveLi>
        <Chevron {...props}>Download</Chevron>
        <Bubble
          {...props}
          textItems={[
            { label: "Resume", target: "#" },
            { label: "Portfoliontopolov", target: "#" }
          ]}
        />
      </ActiveLi>
      <ActiveLi><Highlight {...props} url="/">Contact</Highlight></ActiveLi>
    </Ul>
    <Ul>
      <ActiveLi><LinkedInIcon /></ActiveLi>
      <ActiveLi><OctocatIcon /></ActiveLi>
    </Ul>

  </Nav>
);
{'fraction_non_alphanumeric': 0.22840690978886757, 'fraction_numerical': 0.0, 'mean_word_length': 2.3071065989847717, 'pattern_counts': {'":': 0, '<': 63, '<?xml version=': 0, '>': 65, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3949696', 'n_tokens_mistral': 800, 'n_tokens_neox': 773, 'n_words': 164}