Add footer
This commit is contained in:
parent
83a329255a
commit
b9b184a146
2 changed files with 17 additions and 0 deletions
|
@ -1,6 +1,7 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
|
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
|
||||||
import NavBar from './NavBar';
|
import NavBar from './NavBar';
|
||||||
|
import Footer from './Footer';
|
||||||
import PostList from './PostList';
|
import PostList from './PostList';
|
||||||
import Post from './Post';
|
import Post from './Post';
|
||||||
import User from './User';
|
import User from './User';
|
||||||
|
@ -19,6 +20,7 @@ function App() {
|
||||||
<Route path="/users/:user" component={User}/>
|
<Route path="/users/:user" component={User}/>
|
||||||
</Switch>
|
</Switch>
|
||||||
</Router>
|
</Router>
|
||||||
|
<Footer/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
15
src/components/Footer.js
Normal file
15
src/components/Footer.js
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
import React, { Component } from 'react';
|
||||||
|
|
||||||
|
class Footer extends Component {
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<div class="ui section divider">
|
||||||
|
<div className="ui horizontal inverted small">
|
||||||
|
<p><i>© 2019 SudoScientist</i></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Footer;
|
Reference in a new issue