evrimfeyyaz/covid-19-in-charts

View on GitHub
src/components/common/NavBar.tsx

Summary

Maintainability
A
0 mins
Test Coverage
A
100%
import { FunctionComponent } from "react";
import Container from "react-bootstrap/Container";
import Nav from "react-bootstrap/Nav";
import Navbar from "react-bootstrap/Navbar";
import { Link } from "react-router-dom";
import { EXTERNAL_LINKS, ROUTE_PATHS, SITE_INFO } from "../../constants";
 
/**
* Top navigation bar.
*/
export const NavBar: FunctionComponent = () => {
return (
<Navbar bg="dark" variant="dark" expand="lg">
<Container>
<Navbar.Brand as={Link} to={ROUTE_PATHS.home}>
{SITE_INFO.baseTitle}
</Navbar.Brand>
<Navbar.Toggle />
<Navbar.Collapse>
<Nav className="ml-auto">
<Nav.Link href={EXTERNAL_LINKS.gitHubRepo} target="_blank" rel="noopener noreferrer">
GitHub
</Nav.Link>
<Nav.Link as={Link} to={ROUTE_PATHS.about}>
About
</Nav.Link>
</Nav>
</Navbar.Collapse>
</Container>
</Navbar>
);
};