From 7740267984b25d55650c7c747547eba41bbcc34c Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Wed, 21 Nov 2018 14:46:51 +0000
Subject: [PATCH] =?UTF-8?q?:art:=20Ic=C3=B4ne=20de=20changement=20de=20p?=
 =?UTF-8?q?=C3=A9riode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/PeriodSwitch.css |  4 +++-
 source/components/PeriodSwitch.js  | 33 +++++++++++++++---------------
 2 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/source/components/PeriodSwitch.css b/source/components/PeriodSwitch.css
index e5385f20d..2bf26ac14 100644
--- a/source/components/PeriodSwitch.css
+++ b/source/components/PeriodSwitch.css
@@ -1,6 +1,8 @@
 #PeriodSwitch {
-	text-align: center;
 	margin: 1em;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 #PeriodSwitch label {
diff --git a/source/components/PeriodSwitch.js b/source/components/PeriodSwitch.js
index ccd7b4a8d..cd70f0ba2 100644
--- a/source/components/PeriodSwitch.js
+++ b/source/components/PeriodSwitch.js
@@ -4,6 +4,7 @@ import { Field } from 'redux-form'
 import './PeriodSwitch.css'
 import { reduxForm } from 'redux-form'
 import { compose } from 'ramda'
+import emoji from 'react-easy-emoji'
 
 export default compose(
 	reduxForm({
@@ -15,24 +16,22 @@ export default compose(
 )(function PeriodSwitch() {
 	return (
 		<div id="PeriodSwitch">
-			<>
-				<label>
-					<Field name="période" component="input" type="radio" value="mois" />
-					<span />
-					<span className="radioText">
-						<Trans>Mois</Trans>
-					</span>
-				</label>
+			<label>
+				<Field name="période" component="input" type="radio" value="mois" />
+				<span />
+				<span className="radioText">
+					<Trans>Mois</Trans>
+				</span>
+			</label>
+			<span style={{ fontSize: '1.5em' }}>{emoji('⏳')}</span>
+			<label>
+				<Field name="période" component="input" type="radio" value="année" />
+				<span />
 
-				<label>
-					<Field name="période" component="input" type="radio" value="année" />
-					<span />
-
-					<span className="radioText">
-						<Trans>Année</Trans>
-					</span>
-				</label>
-			</>
+				<span className="radioText">
+					<Trans>Année</Trans>
+				</span>
+			</label>
 		</div>
 	)
 })