|
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
import '../App.css';
|
|
import {Navbar, Nav} from 'react-bootstrap';
|
|
|
|
const Navigator2 = () => {
|
|
return (
|
|
<div>
|
|
<Navbar collapseOnSelect expand="lg" bg="dark" variant="dark">
|
|
<Link className="navbar-brand" to="/">TinyForest</Link>
|
|
<Navbar.Toggle aria-controls="responsive-navbar-nav" />
|
|
<Navbar.Collapse id="responsive-navbar-nav">
|
|
<Nav className="mr-auto">
|
|
<Link className="nav-link" to="/">Home</Link>
|
|
<Link className="nav-link" to="/system">System Information</Link>
|
|
<Link className="nav-link" to="/plants">My Plants</Link>
|
|
</Nav>
|
|
</Navbar.Collapse>
|
|
</Navbar>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Navigator2;
|