1
0
Fork 0
mirror of https://github.com/betagouv/mon-entreprise synced 2025-02-09 04:05:01 +00:00
mon-entreprise/source/components/SalaryExplanation.js
Mael 6655217208 Déplacement du retour utilisateur des simulateurs
Toujours présent pour avoir moins de choses qui apparaîssent après une
saisie. L'utilisateur sait alors qu'il peut faire un retour quand il en
aura envie par la suite.
2019-04-19 15:23:40 +02:00

49 lines
1.5 KiB
JavaScript

import { startConversation } from 'Actions/actions'
import withTracker from 'Components/utils/withTracker'
import { compose } from 'ramda'
import { React, T } from 'Components'
import { connect } from 'react-redux'
import { formValueSelector } from 'redux-form'
import ficheDePaieSelectors from 'Selectors/ficheDePaieSelectors'
import * as Animate from 'Ui/animate'
import SalaryCompactExplanation from './SalaryCompactExplanation'
import './SalaryCompactExplanation.css'
import SalaryFirstExplanation from './SalaryFirstExplanation'
export default compose(
withTracker,
connect(
state => ({
conversationStarted: state.conversationStarted,
displayResults: !!ficheDePaieSelectors(state),
arePreviousAnswers: state.conversationSteps.foldedSteps.length > 0,
period: formValueSelector('conversation')(state, 'période')
}),
{
startConversation
}
)
)(
class SalaryExplanation extends React.Component {
render() {
return (
<Animate.fromBottom delay={2000}>
<p>
<T k="simulateurs.salarié.description">
Dès que le salarié est déclaré et payé, il est couvert par le
régime général de la Sécurité sociale (santé, maternité,
invalidité, vieillesse, maladie professionnelle et accidents) et
chômage.
</T>
</p>
{!this.props.conversationStarted ? (
<SalaryFirstExplanation {...this.props} />
) : (
<SalaryCompactExplanation {...this.props} />
)}
<div style={{ textAlign: 'center' }} />
</Animate.fromBottom>
)
}
}
)