From d4d54777bb52c3277fa8ed15d1f9006a7645e548 Mon Sep 17 00:00:00 2001
From: Clement G <clement@garrot.org>
Date: Sat, 8 Jun 2019 15:02:22 +0200
Subject: [PATCH] Add Header and Footer component layout

---
 src/App.js                       | 20 ++++++--------------
 src/components/layouts/Footer.js | 19 +++++++++++++++++++
 src/components/layouts/Header.js | 19 +++++++++++++++++++
 3 files changed, 44 insertions(+), 14 deletions(-)
 create mode 100644 src/components/layouts/Footer.js
 create mode 100644 src/components/layouts/Header.js

diff --git a/src/App.js b/src/App.js
index d5f0a75..cf6d13e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -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>
   );
diff --git a/src/components/layouts/Footer.js b/src/components/layouts/Footer.js
new file mode 100644
index 0000000..02c591b
--- /dev/null
+++ b/src/components/layouts/Footer.js
@@ -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;
\ No newline at end of file
diff --git a/src/components/layouts/Header.js b/src/components/layouts/Header.js
new file mode 100644
index 0000000..cd7853e
--- /dev/null
+++ b/src/components/layouts/Header.js
@@ -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;
\ No newline at end of file