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/SimulateurWarning.js
Maxime Quandalle 0663c97204 Utilisation du hook useTranslation de react-i18next
Suppression de notre composant withLanguage qui rajoutait une abstraction
inutile.

Note: de nombreux appels à withTranslation et withLanguage était inutile
car le composant augmenté n'utilisait pas les paramètres fournis (language, t, i18n).
L'utilisation des hooks nous permet de mieux gérer le code mort, car il s'agit
de simples variables dont le non-usage est détecté par l'analyse statique.
2019-09-11 11:17:23 +02:00

74 lines
2.2 KiB
JavaScript

import { T } from 'Components'
import { usePersistingState } from 'Components/utils/persistState'
import React from 'react'
import emoji from 'react-easy-emoji'
export default function SimulateurWarning({ simulateur }) {
let [folded, fold] = usePersistingState(
'app::simulateurs:warning-folded:v1:' + simulateur,
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' && (
<li>
<T k="simulateurs.warning.cfe">
Le simulateur n'intègre pas la cotisation foncière des
entreprise (CFE) qui est dûe dès la deuxième année d'exercice.
Son montant varie fortement en fonction du chiffre d'affaire
et de la domiciliation de l'entreprise.{' '}
<a href="https://www.service-public.fr/professionnels-entreprises/vosdroits/F23547">
Plus d'infos.
</a>
</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>
)
}