From 4c2ee316044ad2e41af81e8834fe8075024571b2 Mon Sep 17 00:00:00 2001 From: Alice Dahan Date: Thu, 16 Jan 2025 14:34:22 +0100 Subject: [PATCH] fix(lodeom): corrige l'affichage des avertissements --- .../règles/salarié/cotisations.publicodes | 1 + .../RéductionBasique.tsx | 4 +-- .../RéductionMoisParMois.tsx | 4 +-- .../source/pages/simulateurs/lodeom/Goals.tsx | 26 ++++++++++--------- 4 files changed, 19 insertions(+), 16 deletions(-) diff --git a/modele-social/règles/salarié/cotisations.publicodes b/modele-social/règles/salarié/cotisations.publicodes index e4e876803..eff132a72 100644 --- a/modele-social/règles/salarié/cotisations.publicodes +++ b/modele-social/règles/salarié/cotisations.publicodes @@ -781,6 +781,7 @@ salarié . cotisations . exonérations . JEI: - allocations familiales . taux réduit - maladie . employeur . taux réduit - lodeom + - zones lodeom salarié . cotisations . exonérations . JEI . montant: titre: Exonération JEI diff --git a/site/source/components/RéductionDeCotisations/RéductionBasique.tsx b/site/source/components/RéductionDeCotisations/RéductionBasique.tsx index c7638e990..2a661c77e 100644 --- a/site/source/components/RéductionDeCotisations/RéductionBasique.tsx +++ b/site/source/components/RéductionDeCotisations/RéductionBasique.tsx @@ -21,18 +21,18 @@ import { type Props = { dottedName: RéductionDottedName onUpdate: () => void - warnings: ReactNode warningCondition: PublicodesExpression warningMessage: ReactNode + warnings?: ReactNode withRépartition?: boolean } export default function RéductionBasique({ dottedName, onUpdate, - warnings, warningCondition, warningMessage, + warnings, withRépartition = true, }: Props) { const engine = useEngine() diff --git a/site/source/components/RéductionDeCotisations/RéductionMoisParMois.tsx b/site/source/components/RéductionDeCotisations/RéductionMoisParMois.tsx index d5edca8e7..c09ee8e21 100644 --- a/site/source/components/RéductionDeCotisations/RéductionMoisParMois.tsx +++ b/site/source/components/RéductionDeCotisations/RéductionMoisParMois.tsx @@ -24,9 +24,9 @@ type Props = { onRémunérationChange: (monthIndex: number, rémunérationBrute: number) => void onOptionsChange: (monthIndex: number, options: Options) => void caption: string - warnings: ReactNode warningCondition: PublicodesExpression warningTooltip: ReactNode + warnings?: ReactNode codeRéduction?: string codeRégularisation?: string withRépartitionAndRégularisation?: boolean @@ -38,9 +38,9 @@ export default function RéductionMoisParMois({ onRémunérationChange, onOptionsChange, caption, - warnings, warningCondition, warningTooltip, + warnings, codeRéduction, codeRégularisation, withRépartitionAndRégularisation = true, diff --git a/site/source/pages/simulateurs/lodeom/Goals.tsx b/site/source/pages/simulateurs/lodeom/Goals.tsx index bc52fc97f..f86b63acd 100644 --- a/site/source/pages/simulateurs/lodeom/Goals.tsx +++ b/site/source/pages/simulateurs/lodeom/Goals.tsx @@ -2,6 +2,7 @@ import { useCallback, useEffect, useRef, useState } from 'react' import { useTranslation } from 'react-i18next' import { useDispatch, useSelector } from 'react-redux' +import { WhenApplicable } from '@/components/EngineValue/WhenApplicable' import RéductionBasique from '@/components/RéductionDeCotisations/RéductionBasique' import RéductionMoisParMois from '@/components/RéductionDeCotisations/RéductionMoisParMois' import { SimulationGoals } from '@/components/Simulation' @@ -114,16 +115,19 @@ export default function LodeomSimulationGoals({ return ( - {!currentBarème && ( - - - {t( - 'pages.simulateurs.lodeom.warnings.barème', - 'Veuillez sélectionner une localisation et un barème pour accéder au simulateur.' - )} - - - )} + + + {!currentBarème && ( + + + {t( + 'pages.simulateurs.lodeom.warnings.barème', + 'Veuillez sélectionner une localisation et un barème pour accéder au simulateur.' + )} + + + )} + {currentBarème && (monthByMonth ? ( } warningCondition={`${lodeomDottedName} = 0`} warningTooltip={} codeRéduction={ @@ -156,7 +159,6 @@ export default function LodeomSimulationGoals({ } warningCondition={`${lodeomDottedName} = 0`} warningMessage={} withRépartition={currentZone === 'zone un'}