1
0
Fork 0
mirror of https://github.com/betagouv/mon-entreprise synced 2025-02-09 02:55:01 +00:00
mon-entreprise/source/components/SalaryFirstExplanation.js
Johan Girod ccbc08ad5d Ajoute une page de choix de statut
Et plein d'autres quickfixs dans la navigation :
- Enlève la progression incomprehensible dans le header
- Ajoute la question auto-entrepreneur lors de la recherche d'une entrepriser existante
- On cache la partie embauche pour les autos
- On précise quel type de société à coté de l'estimation du dirigeant
- et des petits quickfix de style
2019-04-09 11:01:07 +02:00

57 lines
1.5 KiB
JavaScript

/* @flow */
import Distribution from 'Components/Distribution'
import PaySlip from 'Components/PaySlip'
import React, { Component } from 'react'
import { Trans } from 'react-i18next'
type Props = {
arePreviousAnswers: boolean,
conversationStarted: boolean,
startConversation: () => void,
period: 'mois' | 'année'
}
export default class SalaryFirstExplanation extends Component<Props> {
render() {
return (
<>
<h2>
<Trans>À quoi servent mes cotisations ?</Trans>
</h2>
<Distribution />
{!(this.props.arePreviousAnswers && this.props.conversationStarted) && (
<>
<h2>
<Trans>Simulation personnalisée</Trans>
</h2>
<p>
<Trans i18nKey="custom-simulation">
Il s'agit pour l'instant d'une
<strong> première estimation</strong> sur la base d'un contrat
générique. La législation française prévoit une multitude de cas
particuliers et de règles spécifiques qui modifient
considérablement les montants de l'embauche.
</Trans>
</p>
<p style={{ textAlign: 'center' }}>
<button
className="ui__ button"
onClick={this.props.startConversation}>
<Trans>Faire une simulation personnalisée</Trans>
</button>
</p>
</>
)}
<h2>
<Trans>
{this.props.period === 'mois'
? 'Fiche de paie mensuelle'
: 'Détail annuel des cotisations'}
</Trans>
</h2>
<PaySlip />
</>
)
}
}