ClaytonWWilson/CS307-Team24
1
0
Fork 0
mirror of https://github.com/ClaytonWWilson/CS307-Team24.git synced 2025-12-16 02:08:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added nav bar

Browse Source
This commit is contained in:
Leon Liang 2019-10-01 12:56:34 -04:00
parent e273b1474b
commit 60d1d76839
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
twistter-frontend/src/App.js
View File

@ -6,6 +6,7 @@ import './App.css';
import { BrowserRouter as Router } from 'react-router-dom';
import Route from 'react-router-dom/Route';
import NavBar, { Navbar } from './components/layout/NavBar';
import home from './Home.js';
import register from './Register.js';
@ -18,7 +19,9 @@ class App extends Component {
render() {
return (
<Router>
<div className='container'>
<Navbar />
</div>
<div className="app">
<Route exact path="/" component={home}/>

8
twistter-frontend/src/components/layout/NavBar.js
View File

@ -10,8 +10,8 @@ export class Navbar extends Component {
return (
<AppBar>
<ToolBar>
<Button component={ Link } to='/user'>
User
<Button component={ Link } to='/'>
Home
</Button>
<Button component={ Link } to='/login'>
Login
@ -19,9 +19,7 @@ export class Navbar extends Component {
<Button component={ Link } to='/register'>
Register
</Button>
<Button component={ Link } to='/'>
Home
</Button>
</ToolBar>
</AppBar>
)