Stockage des objectifs selectionnes

source/components/ProgressTip.js

@@ -8,7 +8,8 @@ import { Line } from 'rc-progress'
 @connect(state => ({
 	foldedSteps: state.foldedSteps,
 	nextSteps: state.nextSteps,
-	colour: state.themeColours.colour
+	colour: state.themeColours.colour,
+	conversationTargetNames: state.conversationTargetNames
 }))
 export default class ProgressTip extends Component {
 	render() {
@@ -17,16 +18,15 @@ export default class ProgressTip extends Component {
 				nextSteps,
 				foldedSteps,
 				colour,
-				conversationVisible,
-				selectingTargets
+				conversationTargetNames
 			} = this.props,
 			nbQuestions = nextSteps.length
 
-		if (selectingTargets && !conversationVisible)
+		if (conversationTargetNames && conversationTargetNames.length === 0)
 			return nbQuestions ? (
 				<p>Vous aurez {nextSteps.length} questions !</p>
 			) : null
-		if (!conversationVisible) return null
+		if (!conversationTargetNames) return null
 		return (
 			nbQuestions != 0 && (
 				<div className="progressTip">

source/components/Simu.js

@@ -9,34 +9,17 @@ import Explanation from './Explanation'
 
 @withColours
 export default class extends Component {
-	state = {
-		conversationVisible: false,
-		selectingTargets: false
-	}
 	render() {
-		let { colours } = this.props,
-			{ selectingTargets, conversationVisible } = this.state
+		let { colours } = this.props
 
 		return (
 			<div>
 				<FoldedSteps />
 				<div id="focusZone">
 					<GoToAnswers />
-					<TargetSelection
-						colours={colours}
-						conversationVisible={this.state.conversationVisible}
-						showConversation={() =>
-							this.setState({ conversationVisible: true })
-						}
-						selectingTargets={selectingTargets}
-						setSelectingTargets={() =>
-							this.setState({ selectingTargets: true })
-						}
-					/>
-					<ProgressTip {...{ selectingTargets, conversationVisible }} />
-					{this.state.conversationVisible && (
-						<Conversation textColourOnWhite={colours.textColourOnWhite} />
-					)}
+					<TargetSelection colours={colours} />
+					<ProgressTip />
+					<Conversation textColourOnWhite={colours.textColourOnWhite} />
 					<Explanation />
 				</div>
 			</div>

source/components/TargetSelection.js

@@ -37,8 +37,8 @@ export default class TargetSelection extends Component {
 	}
 
 	render() {
-		this.firstEstimationComplete =
-			this.state.activeInput && this.props.targets.length > 0
+		let { targets, conversationTargetNames } = this.props
+		this.firstEstimationComplete = this.state.activeInput && targets.length > 0
 		return (
 			<div id="targetSelection">
 				{!this.firstEstimationComplete && <h1>Entrez un salaire mensuel</h1>}
@@ -54,16 +54,16 @@ export default class TargetSelection extends Component {
 
 				{this.firstEstimationComplete && (
 					<div id="action">
-						{this.props.selectingTargets ? (
-							!this.props.conversationVisible && (
+						{conversationTargetNames ? (
+							!conversationTargetNames.length && (
 								<p>Que voulez-vous affiner ?</p>
 							)
 						) : (
 							<>
 								<p>Estimation par défaut pour un CDI non cadre ... </p>
 								<BlueButton
 									onClick={() => {
-										this.props.setSelectingTargets()
+										this.props.setConversationTargets([])
 									}}
 								>
 									Personnaliser
@@ -85,7 +85,7 @@ export default class TargetSelection extends Component {
 			} = this.props,
 			optionIsChecked = s => (conversationTargetNames || []).includes(s.name),
 			visibleCheckbox = s =>
-				this.props.selectingTargets && s.dottedName !== this.state.activeInput,
+				conversationTargetNames && s.dottedName !== this.state.activeInput,
 			toggleTarget = target =>
 				ifElse(contains(target), without(target), append(target))
 
@@ -100,11 +100,10 @@ export default class TargetSelection extends Component {
 										id={s.name}
 										type="checkbox"
 										checked={optionIsChecked(s)}
-										onClick={() => this.props.showConversation()}
 										onChange={() =>
 											setConversationTargets(
 												toggleTarget(s.name)(
-													conversationTargetNames.filter(
+													(conversationTargetNames || []).filter(
 														t => !this.state.activeInput.includes(t)
 													)
 												)

source/components/conversation/Conversation.js

@@ -21,7 +21,8 @@ import './conversation.css'
 		done: state.done,
 		nextSteps: state.nextSteps,
 		analysis: state.analysis,
-		parsedRules: state.parsedRules
+		parsedRules: state.parsedRules,
+		conversationTargetNames: state.conversationTargetNames
 	}),
 	dispatch => ({
 		reinitialise: () => {
@@ -39,8 +40,10 @@ export default class Conversation extends Component {
 			parsedRules,
 			targetNames,
 			reinitialise,
-			textColourOnWhite
+			textColourOnWhite,
+			conversationTargetNames
 		} = this.props
+		if ((conversationTargetNames || []).length === 0) return null
 		return (
 			<>
 				<div id="currentQuestion">

source/containers/App.dev.js

@@ -7,7 +7,6 @@ export default ({ store }) => (
 	<Provider store={store}>
 		<div id="dev">
 			<Layout />
-			<DevTools />
 		</div>
 	</Provider>
 )

source/reducers.js

@@ -159,7 +159,7 @@ export default reduceReducers(
 		analysis: (state = null) => state,
 
 		targetNames: (state = popularTargetNames) => state,
-		conversationTargetNames: (state = []) => state,
+		conversationTargetNames: (state = null) => state,
 
 		situationGate: (state = name => null) => state,