{"size": 694, "ext": "js", "max_stars_repo_path": "client/src/components/Header.js", "max_stars_repo_name": "sheldonlsides/blockchain-crowd-fund-campaign", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/Header.js", "max_issues_repo_name": "sheldonlsides/blockchain-crowd-fund-campaign", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/components/Header.js", "max_forks_repo_name": "sheldonlsides/blockchain-crowd-fund-campaign", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.1333333333, "max_line_length": 47, "alphanum_fraction": 0.5158501441}
import React, { Component } from "react";
import { Menu, Icon } from "semantic-ui-react";
import Link from "next/link";
import { useRouter } from "next/router";

function HeaderMenu() {
  const router = useRouter();
  return (
    <Menu style={{ marginTop: "20px" }}>
      <Menu.Item>CrowdCoin</Menu.Item>
      <Menu.Menu position="right">
        <Menu.Item>
          <Link href="/">
            <a>Campaigns</a>
          </Link>
        </Menu.Item>
        <Menu.Item>
          <Link href="/campaigns/new">
            <a>
              <Icon name="add circle" />
            </a>
          </Link>
        </Menu.Item>
      </Menu.Menu>
    </Menu>
  );
}

export default HeaderMenu;
