77 lines
2.1 KiB
JavaScript
77 lines
2.1 KiB
JavaScript
import { T } from 'Components'
|
|
import { usePersistingState } from 'Components/utils/persistState'
|
|
import withLanguage from 'Components/utils/withLanguage'
|
|
import React from 'react'
|
|
import emoji from 'react-easy-emoji'
|
|
|
|
export default withLanguage(function SimulateurWarning({
|
|
simulateur,
|
|
language
|
|
}) {
|
|
let [folded, fold] = usePersistingState(
|
|
'app::simulateurs:warning-folded',
|
|
false
|
|
)
|
|
return (
|
|
<div id="SimulateurWarning" style={{ marginBottom: '2em' }}>
|
|
<p>
|
|
{emoji('🚩 ')}
|
|
<strong>
|
|
<T k="simulateurs.warning.titre">Avant de commencer...</T>
|
|
</strong>{' '}
|
|
{folded && (
|
|
<button
|
|
className="ui__ button simple small"
|
|
onClick={() => fold(false)}>
|
|
<T k="simulateurs.warning.plus">Lire les précisions</T>
|
|
</button>
|
|
)}
|
|
</p>
|
|
<div className={`content ${folded ? '' : 'ui__ card'}`}>
|
|
{!folded && (
|
|
<ul style={{ marginLeft: '1em' }}>
|
|
{simulateur == 'auto-entreprise' && language === 'fr' && (
|
|
<li>
|
|
<T k="simulateurs.warning.impôt">
|
|
<>
|
|
Impôt sur le revenu : l'abattement forfaitaire pour les
|
|
auto-entrepreneurs est intégré. En revanche, l'option pour
|
|
le versement libératoire n'est pas encore présente.
|
|
</>
|
|
</T>
|
|
</li>
|
|
)}
|
|
<li>
|
|
<T k="simulateurs.warning.urssaf">
|
|
Les calculs sont indicatifs et ne se substituent pas aux
|
|
décomptes réels des Urssaf, impots.gouv.fr, etc
|
|
</T>
|
|
</li>
|
|
{simulateur == 'auto-entreprise' && (
|
|
<li>
|
|
<T k="simulateurs.warning.auto-entrepreneur">
|
|
{' '}
|
|
les auto-entrepreneurs ne peuvent pas déduire leurs charges de
|
|
leur chiffre d'affaires. Il faut donc retrancher au net tous
|
|
les coûts liés à l'entreprise pour obtenir le revenu
|
|
réellement perçu.
|
|
</T>
|
|
</li>
|
|
)}
|
|
</ul>
|
|
)}
|
|
|
|
{!folded && (
|
|
<div style={{ textAlign: 'right', paddingRight: '1em' }}>
|
|
<button
|
|
className="ui__ button simple small"
|
|
onClick={() => fold(true)}>
|
|
<T>J'ai compris</T>
|
|
</button>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
})
|