54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
import React, { Component } from "react";
|
|
|
|
import InLineSearch from "./common/Functionality/InlineSearchBar";
|
|
|
|
// Navbar class component, Just simple href's to retain styling
|
|
|
|
export class Navigation extends Component {
|
|
render() {
|
|
return (
|
|
<nav>
|
|
<div className="navbar-fixed grey darken-1">
|
|
<div className="nav-wrapper">
|
|
<ul className="left">
|
|
<li>
|
|
<a className="active" href="/">
|
|
Dashboard
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/upcoming-migrations">Upcoming Migrations</a>
|
|
</li>
|
|
{/* <li>
|
|
<Link to="/migrations">Migrations</Link>
|
|
</li> */}
|
|
<li>
|
|
<a href="/reports" className="hide-on-med-and-down">
|
|
Reports
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="/historical-migrations"
|
|
className="hide-on-med-and-down"
|
|
>
|
|
Historical Migrations
|
|
</a>
|
|
</li>
|
|
<li className="orange accent-4 active">
|
|
<a href="/book">Book</a>
|
|
</li>
|
|
</ul>
|
|
{/* Inline UUID search bar is here */}
|
|
<ul className="right hide-on-med-and-down">
|
|
<InLineSearch />
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Navigation;
|