From fd1b23919a9abbd8a3b3a8bbff8067615ff447f5 Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Thu, 21 Dec 2017 16:44:15 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20d'un=20message=20de=20mise=20=C3=A0=20j?=
 =?UTF-8?q?our=20du=20site?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/TargetSelection.css |  2 +-
 source/components/pages/Home.css      | 18 +++++++++++++++++-
 source/components/pages/Home.js       | 23 ++++++++++++++++++-----
 source/containers/Layout.css          |  5 -----
 source/engine/generateQuestions.js    |  1 +
 5 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/source/components/TargetSelection.css b/source/components/TargetSelection.css
index 59862364c..23dbe10dd 100644
--- a/source/components/TargetSelection.css
+++ b/source/components/TargetSelection.css
@@ -1,5 +1,5 @@
 #targetSelection {
-	height: 40em;
+	height: 35em;
 	display: flex;
 	justify-content: space-around;
 	align-items: center;
diff --git a/source/components/pages/Home.css b/source/components/pages/Home.css
index 8add3eabe..fe9efd1da 100644
--- a/source/components/pages/Home.css
+++ b/source/components/pages/Home.css
@@ -1,4 +1,20 @@
-
+#updateMessage {
+	display: flex;
+	align-items: center;
+	max-width: 30em;
+	margin: 0 auto;
+}
+#updateMessage p {
+	color: #4b4b66;
+	font-size: 85%;
+	transition: 0.8s opacity;
+	transition-delay: 0.2s;
+}
+#updateMessage i {
+	color: #2975d1;
+	margin-right: 1em;
+	transition: 0.8s opacity;
+}
 
 #home > #content {
 	display: flex;
diff --git a/source/components/pages/Home.js b/source/components/pages/Home.js
index ffb0fbfe2..927e3d7d8 100644
--- a/source/components/pages/Home.js
+++ b/source/components/pages/Home.js
@@ -1,21 +1,34 @@
 import React, { Component } from 'react'
 import './Pages.css'
 import './Home.css'
-import ReactPiwik from 'Components/Tracker' //TODO réintégrer Piwik
 import TargetSelection from '../TargetSelection'
 
-
 export default class Home extends Component {
-
+	state = {
+		updateMessage: false
+	}
+	componentDidMount() {
+		setTimeout(() => this.setState({ showUpdateMessage: true }), 1000)
+	}
 	render() {
-
+		let opacityStyle = { opacity: this.state.showUpdateMessage ? 1 : 0 }
 		return (
 			<div id="home" className="page">
+				<div id="updateMessage">
+					<i
+						className="fa fa-newspaper-o"
+						aria-hidden="true"
+						style={opacityStyle}
+					/>
+					<p style={opacityStyle}>
+						Cette nouvelle version du site vous permet de simuler un CDD ou un
+						CDI dans la même interface. Joyeuses fêtes !
+					</p>
+				</div>
 				<div id="content">
 					<TargetSelection />
 				</div>
 			</div>
 		)
 	}
-
 }
diff --git a/source/containers/Layout.css b/source/containers/Layout.css
index c5e455c6f..1ea59f5f7 100644
--- a/source/containers/Layout.css
+++ b/source/containers/Layout.css
@@ -12,11 +12,6 @@ body {
 	height: 100%
 }
 
-
-#content {
-	margin-top: 1.5em;
-}
-
 a {
 	color: inherit;
 	text-decoration: none;
diff --git a/source/engine/generateQuestions.js b/source/engine/generateQuestions.js
index e217e2a2d..6593168d9 100644
--- a/source/engine/generateQuestions.js
+++ b/source/engine/generateQuestions.js
@@ -78,6 +78,7 @@ let buildPossibleInversion = (rule, flatRules, targetNames) => {
 		),
 		yo = R.reject(({ name }) => targetNames.includes(name))([rule].concat(inversionObjects))
 
+	console.log('yo', yo)
 	return {
 		inversions: yo,
 		question: rule.formule.inversion.question