From 722af0c3a76be774926ebbc98ee0af3e0430b6b0 Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Wed, 18 Oct 2017 11:33:31 +0200
Subject: [PATCH] =?UTF-8?q?L'introduction=20est=20maintenant=20integr?=
 =?UTF-8?q?=C3=A9e=20dans=20la=20conversation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Et ainsi les notes d'introduction disparaissent après un clic
---
 source/components/Simulateur.js | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/source/components/Simulateur.js b/source/components/Simulateur.js
index e166d670d..263d0e661 100644
--- a/source/components/Simulateur.js
+++ b/source/components/Simulateur.js
@@ -35,6 +35,9 @@ let situationSelector = formValueSelector('conversation')
 	})
 )
 export default class extends Component {
+	state = {
+		started: false
+	}
 	componentWillMount() {
 		let {
 				match: {
@@ -58,7 +61,7 @@ export default class extends Component {
 		if (!this.rule.formule) return <Redirect to={"/regle/" + this.name}/>
 
 		let
-			started = !this.props.match.params.intro,
+			{started} = this.state,
 			{foldedSteps, extraSteps, unfoldedSteps, situation, situationGate} = this.props,
 			sim = path =>
 				R.path(R.unless(R.is(Array), R.of)(path))(this.rule.simulateur || {}),
@@ -77,10 +80,10 @@ export default class extends Component {
 						<meta name="description" content={sim('sous-titre')} />}
 				</Helmet>
 				<h1>{title}</h1>
-				{sim('sous-titre') && started &&
+				{sim('sous-titre') &&
 					<div id="simSubtitle">{sim('sous-titre')}</div>
 				}
-				{sim(['introduction', 'notes']) &&
+				{!started && sim(['introduction', 'notes']) &&
 					<div className="intro centered">
 						{sim(['introduction', 'notes']).map( ({icône, texte, titre}) =>
 							<div key={titre}>
@@ -90,20 +93,12 @@ export default class extends Component {
 								</span>
 							</div>
 						)}
+						<button onClick={() => this.setState({started: true})}>J'ai compris</button>
 					</div>
 				}
-				{
-					// Tant que le bouton 'C'est parti' n'est pas cliqué, on affiche l'intro
-					!started ?
-						<div>
-							<div className="action centered">
-								{createMarkdownDiv(sim(['sous-titre'])) || <p>Simulez cette règle en quelques clics</p>}
-								<button onClick={() => this.props.history.push(`/simu/${this.encodedName}`)	}>
-								C'est parti !
-								</button>
-							</div>
-						</div>
-						: <Conversation initialValues={ R.pathOr({},['simulateur','par défaut'], sim) } {...{foldedSteps, unfoldedSteps, extraSteps, reinitalise, situation, situationGate}}/>}
+				{ started &&
+						<Conversation initialValues={ R.pathOr({},['simulateur','par défaut'], sim) } {...{foldedSteps, unfoldedSteps, extraSteps, reinitalise, situation, situationGate}}/>
+				}
 
 			</div>
 		)