59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
|
/* @flow */
|
||
|
|
|
||
|
|
import Distribution from 'Components/Distribution'
|
||
|
|
import PaySlip from 'Components/PaySlip'
|
||
|
|
import SearchButton from 'Components/SearchButton'
|
||
|
|
import withTracker from 'Components/utils/withTracker'
|
||
|
|
import { compose } from 'ramda'
|
||
|
|
import React, { Component } from 'react'
|
||
|
|
import { Trans } from 'react-i18next'
|
||
|
|
import { connect } from 'react-redux'
|
||
|
|
import ficheDePaieSelectors from 'Selectors/ficheDePaieSelectors'
|
||
|
|
|
||
|
|
import type { Tracker } from 'Components/utils/withTracker'
|
||
|
|
|
||
|
|
export default class SalaryFirstExplanation extends Component<Props, State> {
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<h2>
|
||
|
|
<Trans>A 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 />
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|