Branchement de la page Exemples de salaires et traductions

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

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>

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 },

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>
 	)
 })

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')
 		}
 	})