From 00480524ab1e4c7f05ed4af53a6de28301f5b971 Mon Sep 17 00:00:00 2001
From: Johan Girod <johangirod@gmail.com>
Date: Thu, 8 Nov 2018 13:45:57 +0100
Subject: [PATCH] =?UTF-8?q?:alien:=20ajoute=20la=20traduction=20pour=20le?=
 =?UTF-8?q?=20menu=20de=20navigation=20lat=C3=A9ral?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/locales/en.yaml                        |  3 ++
 .../layout/Navigation/Navigation.js           | 35 ++++++++------
 .../pages/Company/CreationChecklist.js        |  8 ++--
 .../pages/Company/Liability.js                | 46 ++++++++++++-------
 4 files changed, 58 insertions(+), 34 deletions(-)

diff --git a/source/locales/en.yaml b/source/locales/en.yaml
index 32a6722e4..71ddf75da 100644
--- a/source/locales/en.yaml
+++ b/source/locales/en.yaml
@@ -477,3 +477,6 @@ embauche:
       <2>Deliver the standardised payslip to your employee</2>
     </1>
     <2>Get an example payslip</2>
+
+Guide du status juridique: Legal status guide
+Démarches de création: Creation process checklist
diff --git a/source/sites/mycompanyinfrance.fr/layout/Navigation/Navigation.js b/source/sites/mycompanyinfrance.fr/layout/Navigation/Navigation.js
index ec9ce5f47..4cc5a7271 100644
--- a/source/sites/mycompanyinfrance.fr/layout/Navigation/Navigation.js
+++ b/source/sites/mycompanyinfrance.fr/layout/Navigation/Navigation.js
@@ -1,7 +1,8 @@
 /* @flow */
-import { compose } from 'ramda'
 import { React, T } from 'Components'
+import { compose } from 'ramda'
 import emoji from 'react-easy-emoji'
+import { translate } from 'react-i18next'
 import { connect } from 'react-redux'
 import { NavLink, withRouter } from 'react-router-dom'
 import selectors from 'Selectors/progressSelectors'
@@ -11,6 +12,7 @@ import hiringSvg from '../../images/hiring.svg'
 import './Navigation.css'
 import NavOpener from './NavOpener'
 import SideBar from './SideBar'
+import type { TFunction } from 'react-i18next'
 
 const Progress = ({ percent }) => (
 	<div className="progress">
@@ -26,10 +28,12 @@ type Props = {
 	companyProgress: number,
 	estimationProgress: number,
 	hiringProgress: number,
-	companyStatusChoice: string
+	companyStatusChoice: string,
+	t: TFunction
 }
 const StepsHeader = ({
 	companyProgress,
+	t,
 	estimationProgress,
 	hiringProgress,
 	companyStatusChoice
@@ -54,41 +58,41 @@ const StepsHeader = ({
 							}>
 							<ul>
 								<li>
-									<NavOpener title="Register a new company">
+									<NavOpener title={t('Créez votre entreprise')}>
 										<ul>
 											<li>
 												<NavOpener
 													to="/company/legal-status"
-													title="Legal status guide">
+													title={t('Guide du statut juridique')}>
 													<ul>
 														<li>
 															<NavLink to="/company/legal-status/number-of-associates">
-																Number of associates
+																<T>Nombre d'associés</T>
 															</NavLink>
 														</li>
 														<li>
 															<NavLink to="/company/legal-status/director-status">
-																Director status
+																<T>Status du dirigeant</T>
 															</NavLink>
 														</li>
 														<li>
 															<NavLink to="/company/legal-status/liability">
-																Liability
+																<T>Responsabilité</T>
 															</NavLink>
 														</li>
 														<li>
 															<NavLink to="/company/legal-status/minority-director">
-																Minority director
+																<T>Gérant majoritaire ou minoritaire</T>
 															</NavLink>
 														</li>
 														<li>
 															<NavLink to="/company/legal-status/micro-enterprise">
-																Micro-enterprise
+																<T>Micro-entreprise ou EI</T>
 															</NavLink>
 														</li>
 														<li>
 															<NavLink to="/company/legal-status/list">
-																Status list
+																<T>Liste des status</T>
 															</NavLink>
 														</li>
 													</ul>
@@ -102,11 +106,11 @@ const StepsHeader = ({
 															? `/company/create-${companyStatusChoice}`
 															: null
 													}
-													title="Creation process checklist">
+													title={t('Démarches de création')}>
 													<ul>
 														<li>
 															<NavLink to="/company/create-micro-enterprise">
-																Micro-enterprise
+																<T>Micro-entreprise</T>
 															</NavLink>
 														</li>
 														<li>
@@ -138,14 +142,16 @@ const StepsHeader = ({
 											</li>
 											<li>
 												<NavLink to="/company/after-registration">
-													After registration
+													<T k="entreprise.tâches.ensuite">Après la création</T>
 												</NavLink>
 											</li>
 										</ul>
 									</NavOpener>
 								</li>
 								<li>
-									<NavLink to="/company/find">Find an existing company</NavLink>
+									<NavLink to="/company/find">
+										<T k="trouver.titre">Trouver mon entreprise</T>
+									</NavLink>
 								</li>
 							</ul>
 						</NavOpener>
@@ -180,6 +186,7 @@ const StepsHeader = ({
 
 export default compose(
 	withRouter,
+	translate(),
 	connect(
 		state => ({
 			...selectors(state),
diff --git a/source/sites/mycompanyinfrance.fr/pages/Company/CreationChecklist.js b/source/sites/mycompanyinfrance.fr/pages/Company/CreationChecklist.js
index c894911fb..9e045cce5 100644
--- a/source/sites/mycompanyinfrance.fr/pages/Company/CreationChecklist.js
+++ b/source/sites/mycompanyinfrance.fr/pages/Company/CreationChecklist.js
@@ -194,11 +194,10 @@ const CreateCompany = ({
 							<p>
 								<T k="entreprise.tâches.banque.description.1">
 									Le but d'un <strong>compte bancaire d'entreprise</strong> est
-									de séparer les actifs de l'entreprise des vôtres
-								</T>
+									de séparer les actifs de l'entreprise des vôtres.
+								</T>{' '}
 								{status === 'EI' && (
 									<T k="entreprise.tâches.banque.EI">
-										{' '}
 										If its opening is not obligatory for an EI, it is strongly
 										recommended.{' '}
 									</T>
@@ -376,7 +375,8 @@ const CreateCompany = ({
 			<p className="ui__ notice">
 				<T k="entreprise.tâches.avancement">
 					Utilisez cette liste pour suivre votre avancement dans les démarches.
-					Il est automatiquement sauvegardé dans votre navigateur.
+					Votre progression est automatiquement sauvegardée dans votre
+					navigateur.
 				</T>
 			</p>
 			<p style={{ display: 'flex', justifyContent: 'space-between' }}>
diff --git a/source/sites/mycompanyinfrance.fr/pages/Company/Liability.js b/source/sites/mycompanyinfrance.fr/pages/Company/Liability.js
index d23ddd976..accb4e185 100644
--- a/source/sites/mycompanyinfrance.fr/pages/Company/Liability.js
+++ b/source/sites/mycompanyinfrance.fr/pages/Company/Liability.js
@@ -1,34 +1,44 @@
 /* @flow */
 import { chooseCompanyLiability } from 'Actions/companyStatusActions'
 import { React, T } from 'Components'
+import { compose } from 'ramda'
 import Helmet from 'react-helmet'
+import { translate } from 'react-i18next'
 import { connect } from 'react-redux'
 import { SkipButton } from 'Ui/Button'
 import type { CompanyLiability } from 'Types/companyTypes'
+import type { TFunction } from 'react-i18next'
+
 type Props = {
 	multipleAssociates: ?boolean,
-	chooseCompanyLiability: (?CompanyLiability) => void
+	chooseCompanyLiability: (?CompanyLiability) => void,
+	t: TFunction
 }
 
-const Liability = ({ chooseCompanyLiability, multipleAssociates }: Props) => (
+const Liability = ({
+	chooseCompanyLiability,
+	multipleAssociates,
+	t
+}: Props) => (
 	<>
 		<Helmet>
 			<title>
-				<T k="responsabilité.titre">
-					Choisir la responsabilité de l'entreprise
-				</T>
+				{t([
+					'responsabilité.titre',
+					'Choisir la responsabilité de mon entreprise'
+				])}
 			</title>
 			<meta
 				name="description"
-				content={
-					<T k="responsabilité.description">
-						{' '}
+				content={t(
+					'responsabilité.description',
+					`
 						Responsabilité limitée ? entreprise individuelle ? Chaque option a
 						des implications juridiques et conduit à un statut différent pour la
 						création de votre entreprise en France. Ce guide vous aide à choisir
 						entre les différentes forme de responsabilité.
-					</T>
-				}
+					`
+				)}
 			/>
 		</Helmet>
 		<h2>
@@ -42,7 +52,7 @@ const Liability = ({ chooseCompanyLiability, multipleAssociates }: Props) => (
 			<li>
 				{multipleAssociates === false ? (
 					<T k="responsabilité.1">
-						<strong>Entreprise individuelle :</strong>
+						<strong>Entreprise individuelle : </strong>
 						Une activité économique exercée par une seule personne physique, en
 						son nom propre. Moins de paperasse, mais plus de problèmes en cas de
 						faillite, car votre patrimoine personnel peut être mis à
@@ -105,9 +115,13 @@ const Liability = ({ chooseCompanyLiability, multipleAssociates }: Props) => (
 	</>
 )
 
-export default connect(
-	state => ({
-		multipleAssociates: state.inFranceApp.companyLegalStatus.multipleAssociates
-	}),
-	{ chooseCompanyLiability }
+export default compose(
+	translate(),
+	connect(
+		state => ({
+			multipleAssociates:
+				state.inFranceApp.companyLegalStatus.multipleAssociates
+		}),
+		{ chooseCompanyLiability }
+	)
 )(Liability)