{"size": 1090, "ext": "js", "max_stars_repo_path": "src/components/Nav.js", "max_stars_repo_name": "EthQuesting/questing-ui", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Nav.js", "max_issues_repo_name": "EthQuesting/questing-ui", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Nav.js", "max_forks_repo_name": "EthQuesting/questing-ui", "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": 33.0303030303, "max_line_length": 97, "alphanum_fraction": 0.5642201835}
import React from 'react';
import { NavLink } from 'react-router-dom'

const Nav = props => (
  //https://placeholdit.imgix.net/~text?txtsize=33&txt=318%C3%97180&w=318&h=180
    <div className="nav">
      <div id="navLeft">
        <NavLink to="/" >
        < h1 className="whiteText">Scrypts</h1>
        </NavLink>
      </div>
      <div id="navRight">

        <NavLink to="/log" activeClassName="navSelected">
          <h2 className="whiteText">Quest Log</h2>
          {window.location.pathname === '/log' ? <div className="navUnderline" id="u1"/> : ''}
        </NavLink >
        
        <NavLink to="/create" activeClassName="navSelected">
          <h2 className="whiteText">Create</h2>
          {window.location.pathname === '/create' ? <div className="navUnderline" id="u2"/> : ''}
        </NavLink>
        
        <NavLink to="/faq" activeClassName="navSelected">
          <h2 className="whiteText">FAQ</h2>
          {window.location.pathname === '/faq' ? <div className="navUnderline" id="u3"/> : ''}
        </NavLink>
      </div>
    </div>
)

export default Nav;
