{"size": 1703, "ext": "js", "max_stars_repo_path": "client/src/components/AppBar/AppBar.js", "max_stars_repo_name": "MikaelLazarev/erascan", "max_stars_repo_stars_event_min_datetime": "2020-04-08T08:38:45.000Z", "max_stars_repo_stars_event_max_datetime": "2021-11-13T18:00:55.000Z", "max_issues_repo_path": "client/src/components/AppBar/AppBar.js", "max_issues_repo_name": "santakrosbom/erascan", "max_issues_repo_issues_event_min_datetime": "2019-12-17T21:39:18.000Z", "max_issues_repo_issues_event_max_datetime": "2019-12-17T21:39:18.000Z", "max_forks_repo_path": "client/src/components/AppBar/AppBar.js", "max_forks_repo_name": "MikaelLazarev/erascan", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 29.3620689655, "max_line_length": 98, "alphanum_fraction": 0.5443335291}
/*
 * Erascan - erasure protocol explorer
 * https://github.com/MikaelLazarev/erascan
 *
 * Copyright (c) 2019. Mikael Lazarev
 */

import React from 'react'
import {
  Nav,
  NavDropdown,
  Form,
  Navbar,
  Image,
  Container,
} from 'react-bootstrap'
import { Link } from 'react-router-dom'
import './AppBar.css'
import logo from '../../logo.png'
import NavItemLink from "./NavItemLink";

const AppBar = ({ location: { pathname }}) => {
  console.log(pathname)
  return (
    <Container fluid >
      <Container>
        <Navbar style={{ textColor: '#000000' }}>
          <Navbar.Brand href="/">
            <Image src={logo} alt={'logo'} height={30} />
          </Navbar.Brand>
          <Navbar.Toggle aria-controls="basic-navbar-nav" />

          <Navbar.Collapse id="basic-navbar-nav">
            <Nav className="mr-auto">
              <Nav.Link style={{ marginLeft: 20 }} />
            </Nav>
            <Nav variant={'right'}>
              <NavItemLink to={'/feeds/'} label={'TRACK RECORD'} pathname={pathname}/>
              <NavItemLink to={'/agreements/'} label={'RECOURSE'} pathname={pathname} />
              <NavItemLink to={'/faucet/'} label={'FAUCET'} pathname={pathname} />
              {/*<NavItemLink to={'/stat/'} label={'Statistics'} />*/}

              <Form inline />
              <Nav title="Rinkeby" id="basic-nav-dropdown" alignRight>
                <Nav.Item bsPrefix={'nav-link'}>
                  <a href={"https://rinkeby.etherscan.io/"} style={{color: "#888888"}}>RINKEBY</a>
                </Nav.Item>
              </Nav>
            </Nav>
          </Navbar.Collapse>
        </Navbar>
      </Container>
    </Container>
  )
}

export default AppBar
