🐛 active le bouton pour comparer les régimes
parent
2b49965940
commit
99cf368b17
|
@ -11,73 +11,65 @@ import animate from 'Ui/animate'
|
|||
const SchemeChoice = compose(
|
||||
withTranslation(),
|
||||
withSitePaths
|
||||
)(
|
||||
({ sitePaths, t }) =>
|
||||
console.log(sitePaths) || (
|
||||
<animate.fromBottom>
|
||||
<Helmet>
|
||||
<title>
|
||||
{t('selectionRégime.page.titre', 'Selection du régime')}
|
||||
</title>
|
||||
</Helmet>
|
||||
<h1>
|
||||
<T k="selectionRégime.titre">Quel régime souhaitez-vous explorer ?</T>
|
||||
</h1>
|
||||
<p>
|
||||
<Link
|
||||
to={sitePaths.sécuritéSociale['assimilé-salarié']}
|
||||
className="ui__ button-choice">
|
||||
{emoji('☂')}
|
||||
<span>
|
||||
<T>Assimilé salarié</T>
|
||||
<small>
|
||||
(
|
||||
<T k="comparaisonRégimes.status.AS">
|
||||
SAS, SASU ou SARL avec gérant minoritaire
|
||||
</T>
|
||||
)
|
||||
</small>
|
||||
</span>
|
||||
</Link>
|
||||
<Link
|
||||
to={sitePaths.sécuritéSociale.indépendant}
|
||||
className="ui__ button-choice">
|
||||
{emoji('👩🔧')}
|
||||
<span>
|
||||
<T>Indépendant</T>
|
||||
<small>
|
||||
(
|
||||
<T k="comparaisonRégimes.status.indep.1">
|
||||
EI, EIRL, EURL ou SARL avec gérant majoritaire
|
||||
</T>
|
||||
)
|
||||
</small>
|
||||
</span>
|
||||
</Link>
|
||||
<Link
|
||||
to={sitePaths.sécuritéSociale['auto-entrepreneur']}
|
||||
className="ui__ button-choice">
|
||||
{emoji('🚶♂️')}
|
||||
Auto-entrepreneur
|
||||
</Link>
|
||||
</p>
|
||||
<h2>
|
||||
<T k="selectionRégime.comparer.titre">
|
||||
Vous ne savez pas lequel choisir ?
|
||||
</T>
|
||||
</h2>
|
||||
<p style={{ textAlign: 'center', marginTop: '1rem' }}>
|
||||
<Link
|
||||
className={
|
||||
'ui__ plain cta button ' +
|
||||
(process.env.MASTER ? ' button-choice--soon' : '')
|
||||
}
|
||||
to={sitePaths.sécuritéSociale.comparaison}>
|
||||
<T k="selectionRégime.comparer.cta">Comparer les régimes</T>
|
||||
</Link>
|
||||
</p>
|
||||
</animate.fromBottom>
|
||||
)
|
||||
)
|
||||
)(({ sitePaths, t }) => (
|
||||
<animate.fromBottom>
|
||||
<Helmet>
|
||||
<title>{t('selectionRégime.page.titre', 'Selection du régime')}</title>
|
||||
</Helmet>
|
||||
<h1>
|
||||
<T k="selectionRégime.titre">Quel régime souhaitez-vous explorer ?</T>
|
||||
</h1>
|
||||
<p>
|
||||
<Link
|
||||
to={sitePaths.sécuritéSociale['assimilé-salarié']}
|
||||
className="ui__ button-choice">
|
||||
{emoji('☂')}
|
||||
<span>
|
||||
<T>Assimilé salarié</T>
|
||||
<small>
|
||||
(
|
||||
<T k="comparaisonRégimes.status.AS">
|
||||
SAS, SASU ou SARL avec gérant minoritaire
|
||||
</T>
|
||||
)
|
||||
</small>
|
||||
</span>
|
||||
</Link>
|
||||
<Link
|
||||
to={sitePaths.sécuritéSociale.indépendant}
|
||||
className="ui__ button-choice">
|
||||
{emoji('👩🔧')}
|
||||
<span>
|
||||
<T>Indépendant</T>
|
||||
<small>
|
||||
(
|
||||
<T k="comparaisonRégimes.status.indep.1">
|
||||
EI, EIRL, EURL ou SARL avec gérant majoritaire
|
||||
</T>
|
||||
)
|
||||
</small>
|
||||
</span>
|
||||
</Link>
|
||||
<Link
|
||||
to={sitePaths.sécuritéSociale['auto-entrepreneur']}
|
||||
className="ui__ button-choice">
|
||||
{emoji('🚶♂️')}
|
||||
Auto-entrepreneur
|
||||
</Link>
|
||||
</p>
|
||||
<h2>
|
||||
<T k="selectionRégime.comparer.titre">
|
||||
Vous ne savez pas lequel choisir ?
|
||||
</T>
|
||||
</h2>
|
||||
<p style={{ textAlign: 'center', marginTop: '1rem' }}>
|
||||
<Link
|
||||
className="ui__ plain cta button"
|
||||
to={sitePaths.sécuritéSociale.comparaison}>
|
||||
<T k="selectionRégime.comparer.cta">Comparer les régimes</T>
|
||||
</Link>
|
||||
</p>
|
||||
</animate.fromBottom>
|
||||
))
|
||||
|
||||
export default SchemeChoice
|
||||
|
|
Loading…
Reference in New Issue