{"size": 2500, "ext": "js", "max_stars_repo_path": "client/src/components/HomeComponents/BottomNav/index.js", "max_stars_repo_name": "seanbelverstone/Bird-Bird-Ordering", "max_stars_repo_stars_event_min_datetime": "2020-07-02T13:26:44.000Z", "max_stars_repo_stars_event_max_datetime": "2020-07-02T13:26:44.000Z", "max_issues_repo_path": "client/src/components/HomeComponents/BottomNav/index.js", "max_issues_repo_name": "seanbelverstone/Bird-Bird-Ordering", "max_issues_repo_issues_event_min_datetime": "2020-05-20T20:45:33.000Z", "max_issues_repo_issues_event_max_datetime": "2020-05-20T20:45:33.000Z", "max_forks_repo_path": "client/src/components/HomeComponents/BottomNav/index.js", "max_forks_repo_name": "seanbelverstone/Bird-Bird-Ordering", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 36.231884058, "max_line_length": 113, "alphanum_fraction": 0.5652}
import React, { useState } from 'react';
import {
  Navbar,
  Nav,
  NavItem,
  NavLink,
  Collapse,
  NavbarToggler
} from 'reactstrap';
import instaLogo from "../../../images/insta-logo.svg";
import fbLogo from "../../../images/facebook.png";
import "./style.css";

const BottomNav = () => {

  const [collapsed, setCollapsed] = useState(true);

  const toggleNavbar = () => setCollapsed(!collapsed);

  return (
      <Navbar fixed="bottom" light expand="md">
      <NavbarToggler onClick={toggleNavbar} className="mr-2" />
        <Collapse isOpen={!collapsed} navbar>
          <Nav navbar>
            <NavItem>
              <NavLink id="home" href="https://www.birdbirdbiscuit.com/birdbirdbiscuit">HOME</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://www.toasttab.com/bird-bird-biscuit/v3">ONLINE ORDER</NavLink>
            </NavItem>
            <NavItem>
              {/* this will be the live website when done */}
              <NavLink href="#" id="dozens">6-PACKS</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://www.birdbirdbiscuit.com/">OUR STORY</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://www.birdbirdbiscuit.com/menu">MENU</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://www.birdbirdbiscuit.com/location">LOCATION</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://www.birdbirdbiscuit.com/parking">PARKING</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://www.birdbirdbiscuit.com/contact">CONTACT</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://www.birdbirdbiscuit.com/press">PRESS</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://www.birdbirdbiscuit.com/now-hiring">NOW HIRING</NavLink>
            </NavItem>            
          </Nav>
          </Collapse>
          <a href="http://instagram.com/birdbirdbiscuit" target="_blank" rel="noopener noreferrer">
            <img src={instaLogo} alt="Instagram logo" id="insta" />
          </a>
          <a href="https://www.facebook.com/birdbirdbiscuit" target="_blank" rel="noopener noreferrer">
            <img src={fbLogo} alt="Facebook logo" id="facebook" href="https://www.facebook.com/birdbirdbiscuit"/>
          </a>
        </Navbar>
  );
}

export default BottomNav;
