From 3f707b95e5175c67409f43f6bc6ce5a8c72e121c Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Mon, 9 Apr 2018 11:38:28 +0200
Subject: [PATCH] :alien: Traduction du formulaire de retour

---
 source/components/Satisfaction.js | 26 ++++++++++++++++++++------
 source/containers/App.dev.js      |  1 -
 source/locales/en.yaml            |  6 ++++++
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/source/components/Satisfaction.js b/source/components/Satisfaction.js
index 050f3d571..ee62e7670 100644
--- a/source/components/Satisfaction.js
+++ b/source/components/Satisfaction.js
@@ -3,14 +3,19 @@ import HoverDecorator from './HoverDecorator'
 import 'whatwg-fetch'
 import { connect } from 'react-redux'
 import './Satisfaction.css'
-
+import { Trans, translate } from 'react-i18next'
 import ReactPiwik from './Tracker'
+import PropTypes from 'prop-types'
 
 @connect(state => ({
 	sessionId: state.sessionId,
 	textColourOnWhite: state.themeColours.textColourOnWhite
 }))
+@translate()
 export default class Satisfaction extends Component {
+    static contextTypes = {
+		i18n: PropTypes.object.isRequired
+	}
 	state = {
 		answer: false,
 		message: null,
@@ -50,6 +55,7 @@ export default class Satisfaction extends Component {
 	}
 	render() {
 		let { answer, message, address, messageSent } = this.state,
+			{ i18n } = this.context,
 			validMessage =
 				(typeof message == 'string' && message.length > 4) ||
 				(typeof address == 'string' && address.length > 4),
@@ -62,7 +68,11 @@ export default class Satisfaction extends Component {
 		if (!answer)
 			return (
 				<div id="satisfaction">
-					<p>Vous êtes satisfait du simulateur ?</p>
+						<p>
+						<Trans i18nKey="satisfaction">
+								Vous êtes satisfait du simulateur ?
+						</Trans>	
+						</p>
 					<p>
 						<Smiley
 							text=":)"
@@ -81,8 +91,8 @@ export default class Satisfaction extends Component {
 			)
 
 		let messagePlaceholder = {
-			':)': 'Envoyez-nous un commentaire !',
-			':|': "Qu'est-ce qui n'a pas été ?"
+			':)': i18n.t('Envoyez-nous un commentaire !'),
+			':|': i18n.t("Qu'est-ce qui n'a pas été ?")
 		}[answer]
 
 		let feedback = (
@@ -124,15 +134,19 @@ export default class Satisfaction extends Component {
 						</span>
 					)}
 				</button>
-				<p>
+				<p> 
+						<Trans i18nKey="satisfaction-email-ou" >
 					Pour recevoir une réponse, laissez-nous votre adresse ou{' '}
+			</Trans>
 					<a
 						href={
 							'mailto:contact@embauche.beta.gouv.fr?subject=Suggestion pour le simulateur ' +
 							this.props.simu
 						}
 					>
-						envoyez-nous directement un mail{' '}
+							<Trans i18nKey="satisfaction-mailto">
+									{' '}envoyez-nous directement un mail{' '}
+				</Trans>
 						<i
 							className="fa fa-envelope-open-o"
 							aria-hidden="true"
diff --git a/source/containers/App.dev.js b/source/containers/App.dev.js
index da2c13b46..4b81952c4 100644
--- a/source/containers/App.dev.js
+++ b/source/containers/App.dev.js
@@ -7,7 +7,6 @@ export default ({ store }) => (
 	<Provider store={store}>
 		<div id="dev">
 			<Layout />
-			<DevTools />
 		</div>
 	</Provider>
 )
diff --git a/source/locales/en.yaml b/source/locales/en.yaml
index bd7aa6143..706bbb812 100644
--- a/source/locales/en.yaml
+++ b/source/locales/en.yaml
@@ -52,3 +52,9 @@ Calcul: Calculation formula
 Chercher une règle: Find a rule
 Entrez des mots clefs ici: Enter keywords
 noresults: No results
+satisfaction: Are you satisfied with the simulator ?
+Envoyez-nous un commentaire !: Send us a comment !
+Qu'est-ce qui n'a pas été ?: What went wrong ?
+satisfaction-email-ou: To start a conversation with us, fill your email address or
+satisfaction-mailto: click here to directly write an email
+