39 lines
No EOL
1.3 KiB
JavaScript
Executable file
39 lines
No EOL
1.3 KiB
JavaScript
Executable file
import React, { useState } from 'react';
|
|
import Link from 'next/link';
|
|
import Navbar from 'react-bootstrap/Navbar';
|
|
import Nav from 'react-bootstrap/Nav';
|
|
import NavLink from 'react-bootstrap/NavLink';
|
|
import NavItem from 'react-bootstrap/NavItem';
|
|
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
|
|
const NavBar = (props, sections) => {
|
|
const [isOpen, setIsOpen] = useState(false);
|
|
const toggle = () => setIsOpen(prevState => !prevState);
|
|
|
|
return (
|
|
<Navbar expand="lg" collapseOnSelect bg="light" variant="light">
|
|
<Navbar.Toggle aria-controls="responsive-navbar-nav" />
|
|
<Navbar.Collapse>
|
|
<Nav className="m-auto">
|
|
<NavLink href="/">Home</NavLink>
|
|
</Nav>
|
|
<Nav className="m-auto">
|
|
<NavLink href="/about">About</NavLink>
|
|
</Nav>
|
|
<NavItem className="m-auto">
|
|
<NavLink href="/news">News and such</NavLink>
|
|
</NavItem>
|
|
<NavDropdown title="Media Projects" className='m-auto'>
|
|
<NavDropdown.Item href="/podcasts">Podcasts</NavDropdown.Item>
|
|
<NavDropdown.Item href="/photography">Photography</NavDropdown.Item>
|
|
</NavDropdown>
|
|
<NavItem className="m-auto">
|
|
<NavLink href="/tech-and-disability">Tech and Disability</NavLink>
|
|
</NavItem>
|
|
</Navbar.Collapse>
|
|
</Navbar>
|
|
|
|
);
|
|
}
|
|
|
|
export default NavBar |