import Distribution from 'Components/Distribution'
import PaySlip from 'Components/PaySlip'
import withTracker from 'Components/utils/withTracker'
import { compose } from 'ramda'
import React from 'react'
import { Trans } from 'react-i18next'
import { connect } from 'react-redux'
import { formValueSelector } from 'redux-form'
import * as Animate from 'Ui/animate'
class ErrorBoundary extends React.Component {
state = {}
static getDerivedStateFromError() {
return {
error:
'The SalaryExplanation component triggered an error. This often happens in its subcomponents reducers'
}
}
render() {
if (this.state.error)
return
Erreur : {this.state.error}
return this.props.children
}
}
export default compose(
withTracker,
connect(state => ({
showDistributionFirst: !state.conversationSteps.foldedSteps.length
}))
)(function SalaryExplanation({ showDistributionFirst }) {
return (
{showDistributionFirst ? (
<>
>
) : (
<>
>
)}
Le simulateur vous aide à comprendre votre bulletin de paie, sans
lui être opposable. Pour plus d'informations, rendez vous
sur
service-public.fr
.
Il ne prend pour l'instant pas en compte les accords et conventions
collectives, ni la myriade d'aides aux entreprises. Trouvez votre
convention collective{' '}
ici
, et explorez les aides sur
aides-entreprises.fr.
)
})
const PaySlipSection = connect(state => ({
period: formValueSelector('conversation')(state, 'période')
}))(({ period }) => (
{period === 'mois'
? 'Fiche de paie mensuelle'
: 'Détail annuel des cotisations'}
))
const DistributionSection = () => (
À quoi servent mes cotisations ?
)