Simple navbar setup to work on

app/javascript/packs/frontend/components/layout/application_layout.jsx

@@ -1,28 +1,25 @@
 import React from 'react';
 import {Navbar, Nav, NavDropdown, Form, FormControl, Button} from 'react-bootstrap';
 import {LinkContainer} from 'react-router-bootstrap';
+import {Link} from 'react-router-dom';
+
+import style from './style';
 
 class ApplicationLayout extends React.Component {
   render() {
     return (
       <div>
         <nav>
-          <Navbar expand="lg">
+          <Navbar expand="md">
             <LinkContainer to="/">
-              <Navbar.Brand>React-Bootstrap</Navbar.Brand>
+              <Navbar.Brand>Pokemon.trade</Navbar.Brand>
             </LinkContainer>
             <Navbar.Toggle aria-controls="basic-navbar-nav" />
             <Navbar.Collapse id="basic-navbar-nav">
               <Nav className="mr-auto">
-                <Nav.Link href="#home">Home</Nav.Link>
-                <Nav.Link href="#link">Link</Nav.Link>
-                <NavDropdown title="Dropdown" id="basic-nav-dropdown">
-                  <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
-                  <NavDropdown.Item href="#action/3.2">Another Action</NavDropdown.Item>
-                  <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
-                  <NavDropdown.Divider />
-                  <NavDropdown.Item href="#action/3.4">Separated Link</NavDropdown.Item>
-                </NavDropdown>
+                <Nav.Link to="/pokemon" as={Link}>
+                  View Pokemon
+                </Nav.Link>
               </Nav>
               <Form inline>
                 <FormControl type="text" placeholder="Search" className="mr-sm-2" />