👽 ajoute la traduction pour le menu de navigation latéral

pull/418/head
Johan Girod 2018-11-08 13:45:57 +01:00
parent cb10477796
commit 00480524ab
4 changed files with 58 additions and 34 deletions

View File

@ -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

View File

@ -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),

View File

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

View File

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