🔨 Référence l'aide covid pour les AE

L'aide est compliquée à implémenter car elle nécessite de demander le CA
mois par mois. On pourrait faire un simulateur dédié (une utilisation
pour les variables temporelles ?), mais en attendant on se contente de
référencer la page Urssaf quand on est sur le simulateur AE.
pull/1231/head
Maxime Quandalle 2020-11-20 12:25:29 +01:00
parent 9b3b1360f4
commit 33e2e50fb2
4 changed files with 33 additions and 11 deletions

View File

@ -3,22 +3,40 @@ import emoji from 'react-easy-emoji'
import { DottedName } from 'Rules'
type AidesCovidProps = {
rule: DottedName
aidesRule?: DottedName
}
export default function AidesCovid({ rule }: AidesCovidProps) {
export default function AidesCovid({ aidesRule }: AidesCovidProps) {
return (
<div className="ui__ box-container">
<Condition expression={rule}>
{aidesRule && (
<Condition expression={aidesRule}>
<div className="ui__ card box lighter-bg">
<h4>Réduction de cotisations</h4>
<p className="ui__ notice">
Vous pouvez bénéficier d'une réduction de vos cotisations
définitives sur l'année 2020.
</p>
<p className="ui__ lead">
<Value displayedUnit="€" expression={aidesRule} />
</p>
</div>
</Condition>
)}
<Condition expression={'dirigeant . auto-entrepreneur'}>
<div className="ui__ card box lighter-bg">
<h4>Réduction de cotisations</h4>
<h4>Déduction de chiffre d'affaire</h4>
<p className="ui__ notice">
Vous pouvez bénéficier d'une réduction de vos cotisations
définitives sur l'année 2020.
</p>
<p className="ui__ lead">
<Value displayedUnit="€" expression={rule} />
Les conditions et modalités de la réduction "covid" sont présentées
sur le site de l'URSSAF.
</p>
<a
className="ui__ small simple button"
href="https://www.autoentrepreneur.urssaf.fr/portail/accueil/sinformer-sur-le-statut/toutes-les-actualites/loi-de-finance-rectificative---r.html"
target="_blank"
>
{emoji('▶')} En savoir plus
</a>
</div>
</Condition>
<div className="ui__ card box">

View File

@ -5,6 +5,7 @@ import { default as React, useContext } from 'react'
import { Trans, useTranslation } from 'react-i18next'
import { useSelector } from 'react-redux'
import { targetUnitSelector } from 'Selectors/simulationSelectors'
import AidesCovid from './AidesCovid'
export default function AutoEntrepreneurExplanation() {
const engine = useContext(EngineContext)
@ -42,6 +43,9 @@ export default function AutoEntrepreneurExplanation() {
}
]}
/>
<br />
<h2>Aides Covid-19</h2>
<AidesCovid />
</section>
)
}

View File

@ -31,7 +31,7 @@ export default function IndépendantExplanation() {
<PLExplanation />
</Condition>
<h2>Aides Covid-19</h2>
<AidesCovid rule="dirigeant . indépendant . cotisations et contributions . aides covid 2020" />
<AidesCovid aidesRule="dirigeant . indépendant . cotisations et contributions . aides covid 2020" />
<Condition expression="revenu net après impôt > 0 €/an">
<section>
<h2>Répartition de la rémunération totale</h2>

View File

@ -158,7 +158,7 @@ function CotisationsResult() {
>
<Trans>Aides Covid-19</Trans>
</h2>
<AidesCovid rule="artiste-auteur . réduction de cotisations covid 2020" />
<AidesCovid aidesRule="artiste-auteur . réduction de cotisations covid 2020" />
<Condition expression="artiste-auteur . cotisations">
<RepartitionCotisations />
</Condition>