From a4005dd98276876c87eb8b002409c626f26db38c Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Mon, 5 Feb 2018 13:29:59 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20d'un=20bas=20de=20page=20=C3=80=20propo?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/pages/Header.css | 17 +++++++++++++++++
 source/components/pages/Header.js  | 19 ++++++++++++++++++-
 source/containers/Layout.js        |  3 ++-
 3 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/source/components/pages/Header.css b/source/components/pages/Header.css
index 5dda2ca55..1a5e1a674 100644
--- a/source/components/pages/Header.css
+++ b/source/components/pages/Header.css
@@ -94,3 +94,20 @@ nav a {
 	right: 0.3em;
 	font-size: 150%;
 }
+
+#footer {
+	position: fixed;
+	right: 1em;
+	bottom: 1em;
+}
+#footer a {
+	font-size: 95%;
+	color: rgb(75, 75, 102);
+}
+#footer a:hover {
+	color: black;
+}
+
+#footer i {
+	margin: 0.1em;
+}
diff --git a/source/components/pages/Header.js b/source/components/pages/Header.js
index 3f7baf5b8..391dfef6b 100644
--- a/source/components/pages/Header.js
+++ b/source/components/pages/Header.js
@@ -10,7 +10,7 @@ import { withRouter } from 'react-router'
 	iframe: state.iframe,
 	textColourOnWhite: state.themeColours.textColourOnWhite
 }))
-export default class Header extends Component {
+export class Header extends Component {
 	state = {
 		mobileNavVisible: false
 	}
@@ -89,3 +89,20 @@ let Links = ({ toggle }) => (
 		</Link>
 	</div>
 )
+
+@withRouter
+export class Footer extends Component {
+	render() {
+		let appMode = ['/simu', '/regle'].find(t =>
+			this.props.location.pathname.includes(t)
+		)
+		if (!appMode) return null
+		return (
+			<div id="footer">
+				<Link to="/à-propos">
+					À propos <i className="fa fa-question-circle" aria-hidden="true" />
+				</Link>
+			</div>
+		)
+	}
+}
diff --git a/source/containers/Layout.js b/source/containers/Layout.js
index e6912a9b6..bf2fdd9ee 100644
--- a/source/containers/Layout.js
+++ b/source/containers/Layout.js
@@ -16,7 +16,7 @@ import Integration from 'Components/pages/Integration'
 import About from 'Components/pages/About'
 import ReactPiwik from 'Components/Tracker'
 import createHistory from 'history/createBrowserHistory'
-import Header from 'Components/pages/Header'
+import { Header, Footer } from 'Components/pages/Header'
 import { getIframeOption } from '../utils'
 
 const piwik = new ReactPiwik({
@@ -59,6 +59,7 @@ export default class Layout extends Component {
 						<Redirect from="/couleur.html" to="/" />
 						<Route component={Route404} />
 					</Switch>
+					<Footer />
 				</>
 			</Router>
 		)