diff --git a/site/source/locales/ui-en.yaml b/site/source/locales/ui-en.yaml index c8ed29009..7ae98974f 100644 --- a/site/source/locales/ui-en.yaml +++ b/site/source/locales/ui-en.yaml @@ -596,7 +596,6 @@ design-system: open-selector: Open date selector prev-month: Previous month year: Year -dont chômage: of which unemployment décembre: December employeur: employer en cas d'accident pro: in the event of a professional accident diff --git a/site/source/locales/ui-fr.yaml b/site/source/locales/ui-fr.yaml index cfc16a4c5..2568ce4e4 100644 --- a/site/source/locales/ui-fr.yaml +++ b/site/source/locales/ui-fr.yaml @@ -627,7 +627,6 @@ design-system: open-selector: Ouvrir le sélecteur de date prev-month: Mois précédent year: Année -dont chômage: dont chômage décembre: décembre employeur: employeur en cas d'accident pro: en cas d'accident pro diff --git a/site/source/pages/simulateurs/reduction-generale/RéductionGénérale.tsx b/site/source/pages/simulateurs/reduction-generale/RéductionGénérale.tsx index aa889bdb4..c6673e6a0 100644 --- a/site/source/pages/simulateurs/reduction-generale/RéductionGénérale.tsx +++ b/site/source/pages/simulateurs/reduction-generale/RéductionGénérale.tsx @@ -3,7 +3,6 @@ import { PublicodesExpression } from 'publicodes' import { useCallback, useEffect, useState } from 'react' import { Trans, useTranslation } from 'react-i18next' import { useDispatch, useSelector } from 'react-redux' -import { styled } from 'styled-components' import { Condition } from '@/components/EngineValue/Condition' import PeriodSwitch from '@/components/PeriodSwitch' @@ -17,13 +16,13 @@ import { SimulationValue } from '@/components/Simulation/SimulationValue' import { useEngine } from '@/components/utils/EngineContext' import { Message } from '@/design-system' import { Spacing } from '@/design-system/layout' -import { Li, Ul } from '@/design-system/typography/list' import { Body } from '@/design-system/typography/paragraphs' import { SimpleRuleEvaluation } from '@/domaine/engine/SimpleRuleEvaluation' import { ajusteLaSituation } from '@/store/actions/actions' import { situationSelector } from '@/store/selectors/simulationSelectors' import EffectifSwitch from './components/EffectifSwitch' +import Répartition from './components/Répartition' import RéductionGénéraleMoisParMois from './RéductionGénéraleMoisParMois' import { getInitialRéductionGénéraleMoisParMois, @@ -73,14 +72,6 @@ export default function RéductionGénéraleSimulation() { ) } -const StyledUl = styled(Ul)` - margin-top: 0; -` -const StyledLi = styled(Li)` - &::before { - margin-top: ${({ theme }) => theme.spacings.sm}; - } -` function RéductionGénéraleSimulationGoals({ monthByMonth, toggles = ( @@ -213,31 +204,7 @@ function RéductionGénéraleSimulationGoals({ round={false} /> - - - - - - - - - + )} diff --git a/site/source/pages/simulateurs/reduction-generale/components/Répartition.tsx b/site/source/pages/simulateurs/reduction-generale/components/Répartition.tsx new file mode 100644 index 000000000..d53c8b44b --- /dev/null +++ b/site/source/pages/simulateurs/reduction-generale/components/Répartition.tsx @@ -0,0 +1,37 @@ +import { styled } from 'styled-components' + +import { SimulationValue } from '@/components/Simulation/SimulationValue' +import { Li, Ul } from '@/design-system/typography/list' + +export default function Répartition() { + return ( + + + + + + + + + + ) +} + +const StyledUl = styled(Ul)` + margin-top: 0; +` +const StyledLi = styled(Li)` + &::before { + margin-top: ${({ theme }) => theme.spacings.sm}; + } +`