From 4ede74a9a925350ca84bfe3022535c3591e8e6ba Mon Sep 17 00:00:00 2001
From: Clement G <clement@garrot.org>
Date: Mon, 10 Jun 2019 09:43:21 +0200
Subject: [PATCH] Fix link in Header and Footer

---
 src/components/layouts/Footer.js |  3 +++
 src/components/layouts/Header.js | 10 +++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/layouts/Footer.js b/src/components/layouts/Footer.js
index 5f36213..653f396 100644
--- a/src/components/layouts/Footer.js
+++ b/src/components/layouts/Footer.js
@@ -1,4 +1,5 @@
 import React, {Component} from "react";
+import {Link} from "react-router-dom";
 
 class Footer extends Component {
 
@@ -11,6 +12,8 @@ class Footer extends Component {
     render(){
         return(
             <footer className="text-center">
+                <Link to="/">Accueil</Link>
+                <span className="m-2">-</span>
                 <a href="https://github.com/MieuxVoter">Code source</a>
                 <span className="m-2">-</span>
                 <a href="https://mieuxvoter.fr/">Qui sommes nous ?</a>
diff --git a/src/components/layouts/Header.js b/src/components/layouts/Header.js
index 8084dc4..d08f34a 100644
--- a/src/components/layouts/Header.js
+++ b/src/components/layouts/Header.js
@@ -5,9 +5,9 @@ import {
     NavbarToggler,
     NavbarBrand,
     Nav,
-    NavItem,
-    NavLink,
+    NavItem
 } from 'reactstrap'
+import {Link} from "react-router-dom";
 
 import logo from '../../logos/logo-color.svg';
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
@@ -34,7 +34,7 @@ class Header extends Component {
         return (
             <header>
                 <Navbar color="light" light expand="md">
-                    <NavbarBrand href="/">
+                    <Link to="/" className="navbar-brand">
                     <div className="d-flex flex-row">
                         <div className="align-self-center">
                             <img src={logo} alt="logo" height="32"/>
@@ -48,12 +48,12 @@ class Header extends Component {
                             </div>
                         </div>
                     </div>
-                    </NavbarBrand>
+                    </Link>
                     <NavbarToggler onClick={this.toggle} />
                     <Collapse isOpen={this.state.isOpen} navbar>
                         <Nav className="ml-auto" navbar>
                             <NavItem>
-                                <NavLink className="text-primary" href="/create-ballot/"><FontAwesomeIcon icon={faRocket} className="mr-2"/> Démarrer un vote</NavLink>
+                                <Link className="text-primary nav-link" to="/create-ballot/"><FontAwesomeIcon icon={faRocket} className="mr-2"/> Démarrer un vote</Link>
                             </NavItem>
                         </Nav>
                     </Collapse>