From 6dd3122f3bf9aa785c243d06a1acdced63ef405a Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Fri, 17 May 2019 17:45:55 +0200
Subject: [PATCH] =?UTF-8?q?Les=20suggestions=20apparaissent=20peut=20impor?=
 =?UTF-8?q?te=20la=20p=C3=A9riode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../conversation/InputSuggestions.js          | 50 +++++++++++--------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/source/components/conversation/InputSuggestions.js b/source/components/conversation/InputSuggestions.js
index 910bde2d1..723b1382e 100644
--- a/source/components/conversation/InputSuggestions.js
+++ b/source/components/conversation/InputSuggestions.js
@@ -2,9 +2,9 @@ import withColours from 'Components/utils/withColours'
 import { compose, toPairs } from 'ramda'
 import React, { Component } from 'react'
 import { withTranslation } from 'react-i18next'
-import './InputSuggestions.css'
 import { connect } from 'react-redux'
 import { formValueSelector } from 'redux-form'
+import './InputSuggestions.css'
 
 export default compose(
 	withColours,
@@ -28,31 +28,37 @@ export default compose(
 			} = this.props
 
 			if (!suggestions) return null
-			//TODO all suggestions are defined for a monthly simulation
-			if (rulePeriod === 'flexible' && period !== 'mois') return null
+
 			return (
 				<div className="inputSuggestions">
 					suggestions:
 					<ul>
-						{toPairs(suggestions).map(([text, value]) => (
-							<li
-								key={value}
-								onClick={() => {
-									onFirstClick(value)
-									if (this.state.suggestion !== value)
-										this.setState({ suggestion: value })
-									else onSecondClick && onSecondClick(value)
-								}}
-								style={{
-									color: colouredBackground
-										? colours.textColour
-										: colours.textColourOnWhite
-								}}>
-								<span title={t('cliquez pour insérer cette suggestion')}>
-									{text}
-								</span>
-							</li>
-						))}
+						{toPairs(suggestions).map(([text, value]) => {
+							// TODO : ce serait mieux de déplacer cette logique dans le moteur
+							const adjustedValue =
+								rulePeriod === 'flexible' && period === 'année'
+									? value * 12
+									: value
+							return (
+								<li
+									key={value}
+									onClick={() => {
+										onFirstClick(adjustedValue)
+										if (this.state.suggestion !== adjustedValue)
+											this.setState({ suggestion: adjustedValue })
+										else onSecondClick && onSecondClick(adjustedValue)
+									}}
+									style={{
+										color: colouredBackground
+											? colours.textColour
+											: colours.textColourOnWhite
+									}}>
+									<span title={t('cliquez pour insérer cette suggestion')}>
+										{text}
+									</span>
+								</li>
+							)
+						})}
 					</ul>
 				</div>
 			)