From da258040ab9697b84ea7dfc605196c68114b825b Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Mon, 29 Apr 2019 18:27:21 +0200
Subject: [PATCH] Branchement de la page Exemples de salaires et traductions

---
 source/locales/en.yaml                                    | 8 +++++++-
 .../mon-entreprise.fr/layout/Navigation/Navigation.js     | 7 ++++++-
 .../pages/Documentation/ExampleSituations.js              | 8 ++++----
 .../sites/mon-entreprise.fr/pages/Documentation/index.js  | 8 ++++----
 source/sites/mon-entreprise.fr/sitePaths.js               | 1 +
 5 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/source/locales/en.yaml b/source/locales/en.yaml
index 5e88b1bd1..3366b3db9 100644
--- a/source/locales/en.yaml
+++ b/source/locales/en.yaml
@@ -423,6 +423,10 @@ Ce n'est pas mon entreprise: This is not my company
 Simuler une embauche: Simulate a hire
 
 Protection sociale: Social security
+Rémunération du dirigeant: Director's remuneration
+Simulateur de salaire: Employee salary simulation
+Exemples de simulation de salaire: Examples of salary simulations
+Quelques exemples de salaires: Some salary exemples
 Embauche: Hiring process
 Entreprise Individuelle: Individual Business
 listeformejuridique:
@@ -433,7 +437,7 @@ statut du dirigeant:
     description: This choice is important because it determines the director's Social Security scheme and coverage. Each option has legal implications, and leads to a different status when creating your company in France
   titre: Defining the director's status
   description: <0>This choice is important because it determines the director's Social Security scheme and coverage.</0><1><0><0>Salaried employee:</0> The company director joins and is covered by France’s general Social Security scheme. Social Security contributions are calculated on the basis of the executive's actual pay and are paid monthly. Although more expensive, this scheme offers full social protection (except unemployment).</0><1><0>Self-employed:</0> The company director joins and is covered by France’s self-employed scheme called « Sécurité sociale des indépendants ». Contributions due are generally calculated based on professional income as reported to the tax authorities. Although less expensive, this scheme provides basic social protection (additional options and private insurance are recommended).</1></1>
-Assimilé salarié: Salaried
+Assimilé salarié: Assimilated salaried
 Indépendant: Self-employed
 gérant minoritaire:
   page:
@@ -520,6 +524,8 @@ path:
     selection: '/scheme-selection'
   démarcheEmbauche:
     index: '/hiring-process'
+  documentation:
+    exemples: '/examples'
 
 Auto-entrepreneur en EIRL: Auto-entrepreneur with EIRL option
 auto-entrepreneur-EIRL: auto-entrepreneur-EIRL
diff --git a/source/sites/mon-entreprise.fr/layout/Navigation/Navigation.js b/source/sites/mon-entreprise.fr/layout/Navigation/Navigation.js
index c61035466..de1c82a5d 100644
--- a/source/sites/mon-entreprise.fr/layout/Navigation/Navigation.js
+++ b/source/sites/mon-entreprise.fr/layout/Navigation/Navigation.js
@@ -241,7 +241,12 @@ const StepsHeader = ({ t, sitePaths, companyStatusChoice }: Props) => (
 								</li>
 								<li>
 									<NavLink exact to={sitePaths.sécuritéSociale.salarié}>
-										<T>Simulateur de coût d'embauche</T>
+										<T>Simulateur de salaire</T>
+									</NavLink>
+								</li>
+								<li>
+									<NavLink exact to={sitePaths.documentation.exemples}>
+										<T>Exemples de simulation de salaire</T>
 									</NavLink>
 								</li>
 							</ul>
diff --git a/source/sites/mon-entreprise.fr/pages/Documentation/ExampleSituations.js b/source/sites/mon-entreprise.fr/pages/Documentation/ExampleSituations.js
index ed76cb527..bac6beff7 100644
--- a/source/sites/mon-entreprise.fr/pages/Documentation/ExampleSituations.js
+++ b/source/sites/mon-entreprise.fr/pages/Documentation/ExampleSituations.js
@@ -2,7 +2,7 @@
 import withColours from 'Components/utils/withColours'
 import { analyseMany } from 'Engine/traverse'
 import { compose } from 'ramda'
-import React, { Component } from 'react'
+import { React, T } from 'Components'
 import emoji from 'react-easy-emoji'
 import { connect } from 'react-redux'
 import examples from 'Règles/cas-types.yaml'
@@ -12,13 +12,13 @@ import {
 } from 'Selectors/analyseSelectors'
 import './ExampleSituations.css'
 
-export default class ExampleSituations extends Component {
+export default class ExampleSituations extends React.Component {
 	render() {
 		return (
 			<div className="ui__ container" id="exampleSituations">
 				<h1>
 					{emoji('💡 ')}
-					Quelques exemples
+					<T>Quelques exemples de salaires</T>
 				</h1>
 				<ul>
 					{examples.map(ex => (
@@ -37,7 +37,7 @@ const Example = compose(
 	})),
 	withColours
 )(
-	class Example extends Component {
+	class Example extends React.Component {
 		render() {
 			let {
 					ex: { nom, situation },
diff --git a/source/sites/mon-entreprise.fr/pages/Documentation/index.js b/source/sites/mon-entreprise.fr/pages/Documentation/index.js
index 8043a7995..542977d1c 100644
--- a/source/sites/mon-entreprise.fr/pages/Documentation/index.js
+++ b/source/sites/mon-entreprise.fr/pages/Documentation/index.js
@@ -1,23 +1,23 @@
 import RulePage from 'Components/RulePage'
 import withSitePaths from 'Components/utils/withSitePaths'
 import React from 'react'
-import { Route } from 'react-router'
+import { Route, Switch } from 'react-router'
 import ExampleSituations from './ExampleSituations'
 import RulesList from './RulesList'
 
 export default withSitePaths(function Documentation({ sitePaths }) {
 	return (
-		<>
+		<Switch>
 			<Route exact path={sitePaths.documentation.index} component={RulesList} />
 			<Route
 				exact
-				path={sitePaths.documentation.index + '/exemples'}
+				path={sitePaths.documentation.exemples}
 				component={ExampleSituations}
 			/>
 			<Route
 				path={sitePaths.documentation.index + '/:name+'}
 				component={RulePage}
 			/>
-		</>
+		</Switch>
 	)
 })
diff --git a/source/sites/mon-entreprise.fr/sitePaths.js b/source/sites/mon-entreprise.fr/sitePaths.js
index 066210fad..10e04c07d 100644
--- a/source/sites/mon-entreprise.fr/sitePaths.js
+++ b/source/sites/mon-entreprise.fr/sitePaths.js
@@ -107,6 +107,7 @@ export const constructLocalizedSitePath = (language: string) => {
 			index: t('path.démarcheEmbauche.index', '/démarches-embauche')
 		},
 		documentation: {
+			exemples: t('path.documentation.exemples', '/exemples'),
 			index: t('path.documentation.index', '/documentation')
 		}
 	})