From 66c839f42eb3c16d5d777dedcab4326f23240b5d Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Thu, 19 Oct 2017 16:39:23 +0200
Subject: [PATCH] Revue du message de fin / d'affinage

Le beau panneau FIN a fait son temps :-(
---
 source/components/Simulateur.css              | 18 +---------
 .../components/conversation/Conversation.js   | 34 +++++++------------
 .../components/conversation/conversation.css  |  2 +-
 3 files changed, 15 insertions(+), 39 deletions(-)

diff --git a/source/components/Simulateur.css b/source/components/Simulateur.css
index 2dd2ba772..f317fd875 100644
--- a/source/components/Simulateur.css
+++ b/source/components/Simulateur.css
@@ -93,7 +93,6 @@
 
 #foldedSteps .header {
 	margin-bottom: 1em;
-	text-align: center;
 }
 #foldedSteps .header h3 {
 	display: inline;
@@ -111,21 +110,6 @@
 
 
 #fin {
-	margin: 0 auto;
-	width: 80%;
-  display: flex;
-	align-items: flex-end;
+	width: 30em;
 	font-style: italic;
 }
-#fin-text {
-	width: 50%;
-	margin-left: 2em;
-	display: inline-block;
-}
-#fin p:first-of-type {
-	font-weight: bold
-}
-#fin img {
-	width: 25%;
-	display: inline-block;
-}
diff --git a/source/components/conversation/Conversation.js b/source/components/conversation/Conversation.js
index 0b2bffa76..fdb5f6d40 100644
--- a/source/components/conversation/Conversation.js
+++ b/source/components/conversation/Conversation.js
@@ -37,6 +37,8 @@ export default class Conversation extends Component {
 								))}
 						</div>
 					}
+					{unfoldedSteps.length == 0 &&
+						<Conclusion affiner={!R.isEmpty(extraSteps)}/>}
 					{ !R.isEmpty(extraSteps) &&
 						<div id="foldedSteps">
 							<div className="header" >
@@ -64,8 +66,9 @@ export default class Conversation extends Component {
 							/>
 						}}
 					</div>
-					{unfoldedSteps.length == 0 &&
-						<Conclusion simu={this.name}/>}
+					{R.isEmpty(unfoldedSteps) &&
+						<Satisfaction simu={this.props.simu}/>
+					}
 				</div>
 				<Aide />
 			</div>
@@ -73,22 +76,11 @@ export default class Conversation extends Component {
 	}
 }
 
-
-class Conclusion extends Component {
-	render() {
-		return (
-			<div id="fin">
-				<img src={require('../../images/fin.png')} />
-				<div id="fin-text">
-					<p>
-						Votre simulation est terminée !
-					</p>
-					<p>
-						N'hésitez pas à modifier vos réponses, ou cliquez sur vos résultats pour comprendre le calcul.
-					</p>
-					<Satisfaction simu={this.props.simu}/>
-				</div>
-			</div>
-		)
-	}
-}
+let Conclusion = ({ affiner }) => (
+	<div id="fin">
+		<p>
+			Vous pouvez maintenant modifier vos réponses{" "}
+			{affiner && "ou affiner votre situation"} : vos résultats ci-dessous seront mis à jour.
+		</p>
+	</div>
+)
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index 49507506c..0bc712968 100644
--- a/source/components/conversation/conversation.css
+++ b/source/components/conversation/conversation.css
@@ -147,7 +147,7 @@
 }
 
 #foldedSteps {
-	margin: 2em 0 4em;
+	margin: 3em 0;
 }
 
 .step.question .variant {