From 5898d8c2f9a4170b5f07fb728623a85e2554a755 Mon Sep 17 00:00:00 2001
From: Laurent Bossavit <laurent.git@bossavit.com>
Date: Sat, 28 Apr 2018 12:40:30 +0200
Subject: [PATCH] =?UTF-8?q?:alien:=20Traduit=20la=20pr=C3=A9sentation=20de?=
 =?UTF-8?q?s=20exemples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/rule/Examples.js | 19 ++++++++-----------
 source/locales/en.yaml             |  5 +++++
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/source/components/rule/Examples.js b/source/components/rule/Examples.js
index bc10ccdee..2a54f1d2e 100644
--- a/source/components/rule/Examples.js
+++ b/source/components/rule/Examples.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import { Trans, translate } from 'react-i18next'
 import { evolve, path, isEmpty, compose } from 'ramda'
 import classNames from 'classnames'
 import { connect } from 'react-redux'
@@ -49,6 +50,7 @@ export let runExamples = (examples, rule, parsedRules) =>
 		setExample: compose(dispatch, setExample)
 	})
 )
+@translate()
 export default class Examples extends Component {
 	render() {
 		let {
@@ -66,15 +68,10 @@ export default class Examples extends Component {
 		return (
 			<div id="examples">
 				<h2>
-					Exemples de calcul{' '}
-					<small>Cliquez sur un exemple pour le tester</small>
+					<Trans i18nKey="examples">Exemples de calcul</Trans>{' '}
+					<small><Trans i18nKey="clickexample">Cliquez sur un exemple pour le tester</Trans></small>
 				</h2>
-				{isEmpty(examples) ? (
-					<p>
-						<i className="fa fa-exclamation-triangle" aria-hidden="true" />
-						<em>Cette règle manque d'exemples...</em>
-					</p>
-				) : (
+				{!isEmpty(examples) && (
 					<ul>
 						{examples.map(
 							({ nom, ok, rule, 'valeur attendue': expected, situation }) => (
@@ -102,9 +99,9 @@ export default class Examples extends Component {
 										currentExample &&
 										currentExample.name == nom && (
 											<div className="ko">
-												Ce test ne passe pas
+												<Trans i18nKey="fail">Ce test ne passe pas</Trans>
 												<span>
-													: le résultat attendu était{' '}
+													: <Trans i18nKey="expected">le résultat attendu était</Trans>{' '}
 													<span className="expected">{expected}</span>
 												</span>
 											</div>
@@ -121,7 +118,7 @@ export default class Examples extends Component {
 								id="injectSituation"
 								onClick={() => setExample(null)}
 								style={{ background: colour }}>
-								Revenir à votre situation
+								<Trans i18nKey="cancelExample">Revenir à votre situation</Trans>
 							</button>
 						</div>
 					)}
diff --git a/source/locales/en.yaml b/source/locales/en.yaml
index 4a11f1e42..108f9bb3f 100644
--- a/source/locales/en.yaml
+++ b/source/locales/en.yaml
@@ -78,3 +78,8 @@ aide: aid or subsidy
 indemnité: benefit
 salaire: salary
 taxe: tax
+examples: Example situations
+clickexample: Click on a situation to see the result
+fail: This test failed
+expected: the expected result was
+cancelExample: Back to your situation