Add Header and Footer component layout

pull/4/head
Clement G 5 years ago committed by guhur
parent 72e5e40394
commit d4d54777bb

@ -1,26 +1,18 @@
import React from 'react';
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
import { BrowserRouter as Router} from "react-router-dom";
import Routes from "./Routes.js";
import './App.css';
import Home from "./components/views/Home.js";
import CreateBallot from "./components/views/CreateBallot.js";
import UnknownView from "./components/views/UnknownView";
import Header from "./components/layouts/Header";
import Footer from "./components/layouts/Footer";
function App() {
return (
<Router>
<div>
<ul>
<li>
<Link to="/">Home</Link>
</li>
<li>
<Link to="/create-ballot">Créer un vote</Link>
</li>
</ul>
<hr />
<Routes />
<Header />
<Routes />
<Footer />
</div>
</Router>
);

@ -0,0 +1,19 @@
import React, {Component} from "react";
class Footer extends Component {
constructor(props) {
super(props);
this.state = {
}
}
render(){
return(
<div >
<h1>FOOTER</h1>
</div>
)
}
}
export default Footer;

@ -0,0 +1,19 @@
import React, {Component} from "react";
class Header extends Component {
constructor(props) {
super(props);
this.state = {
}
}
render(){
return(
<div >
<h1>HEADER</h1>
</div>
)
}
}
export default Header;
Loading…
Cancel
Save