|
|
@@ -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" />
|
