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 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 { }

{title}

- {sim('sous-titre') && started && + {sim('sous-titre') &&
{sim('sous-titre')}
} - {sim(['introduction', 'notes']) && + {!started && sim(['introduction', 'notes']) &&
{sim(['introduction', 'notes']).map( ({icône, texte, titre}) =>
@@ -90,20 +93,12 @@ export default class extends Component {
)} +
} - { - // Tant que le bouton 'C'est parti' n'est pas cliqué, on affiche l'intro - !started ? -
-
- {createMarkdownDiv(sim(['sous-titre'])) ||

Simulez cette règle en quelques clics

} - -
-
- : } + { started && + + } )