diff --git a/site/source/locales/ui-en.yaml b/site/source/locales/ui-en.yaml index 3bcd4bb9d..61da74546 100644 --- a/site/source/locales/ui-en.yaml +++ b/site/source/locales/ui-en.yaml @@ -160,6 +160,7 @@ La pension calculée correspond à celle de <2>vos 25 meilleures années, en Le montant de votre retraite est constitué de <2>votre retraite de base + votre retraite complémentaire.: The amount of your pension is made up of <2>your basic pension + your supplementary pension. +Le montant demandé n'est <2>pas calculable...: The amount requested <2>cannot be calculated... Les données de simulations se mettront automatiquement à jour après la modification d'un champ. <2>Un panneau s'ouvrira pour vous permettre d'apporter des précisions à la simulation, des résultats détaillés s'afficheront en dessous du formulaire et seront mis à jour quand vous modifierez ce dernier.: Simulation data is automatically updated when you modify a field. <2>A panel will open to allow you to add details to the simulation, and detailed results diff --git a/site/source/locales/ui-fr.yaml b/site/source/locales/ui-fr.yaml index cfedbf4ea..8ce3d34f8 100644 --- a/site/source/locales/ui-fr.yaml +++ b/site/source/locales/ui-fr.yaml @@ -166,6 +166,7 @@ La pension calculée correspond à celle de <2>vos 25 meilleures années, en Le montant de votre retraite est constitué de <2>votre retraite de base + votre retraite complémentaire.: Le montant de votre retraite est constitué de <2>votre retraite de base + votre retraite complémentaire. +Le montant demandé n'est <2>pas calculable...: Le montant demandé n'est <2>pas calculable... Les données de simulations se mettront automatiquement à jour après la modification d'un champ. <2>Un panneau s'ouvrira pour vous permettre d'apporter des précisions à la simulation, des résultats détaillés s'afficheront en dessous du formulaire et seront mis à jour quand vous modifierez ce dernier.: Les données de simulations se mettront automatiquement à jour après la modification d'un champ. <2>Un panneau s'ouvrira pour vous permettre diff --git a/site/source/pages/simulateurs/comparaison-statuts/components/DetailsRowCards.tsx b/site/source/pages/simulateurs/comparaison-statuts/components/DetailsRowCards.tsx index 46cf1765a..87b8ea43e 100644 --- a/site/source/pages/simulateurs/comparaison-statuts/components/DetailsRowCards.tsx +++ b/site/source/pages/simulateurs/comparaison-statuts/components/DetailsRowCards.tsx @@ -1,12 +1,14 @@ import { DottedName } from 'modele-social' import Engine, { PublicodesExpression } from 'publicodes' import { ReactNode } from 'react' +import { Trans } from 'react-i18next' import { styled } from 'styled-components' import Value, { Condition, WhenNotApplicable } from '@/components/EngineValue' import RuleLink from '@/components/RuleLink' import { HelpIcon } from '@/design-system/icons' import { Grid } from '@/design-system/layout' +import { Strong } from '@/design-system/typography' import { Body } from '@/design-system/typography/paragraphs' import { getBestOption, OptionType } from '../utils' @@ -121,50 +123,64 @@ const DetailsRowCards = ({ )} {expressionOrDottedName && ( - - - - - {label && ' '} - {label && label} - - {dottedName && ( - - - + <> + + + + + {label && ' '} + {label && label} + + {dottedName && ( + + + + )} + {warning?.(statusObject.engine)} + + {evolutionDottedName && ( + + {' '} + {evolutionLabel} + )} - {warning?.(statusObject.engine)} - - {evolutionDottedName && ( - - {' '} - {evolutionLabel} - - )} - {!evolutionDottedName && evolutionLabel && ( - {evolutionLabel} - )} - + {!evolutionDottedName && evolutionLabel && ( + {evolutionLabel} + )} + + + + + + Le montant demandé n'est{' '} + pas calculable... + + + + )} @@ -174,7 +190,11 @@ const DetailsRowCards = ({ ) } - +const StyledSmall = styled.small` + color: ${({ theme }) => theme.colors.extended.grey[600]}; + font-weight: normal; + font-size: 80%; +` const StyledRuleLink = styled(RuleLink)` display: inline-flex; margin-left: ${({ theme }) => theme.spacings.xxs}; diff --git a/site/source/pages/simulateurs/comparaison-statuts/components/Détails.tsx b/site/source/pages/simulateurs/comparaison-statuts/components/Détails.tsx index 36b05ff6d..b2cb90c59 100644 --- a/site/source/pages/simulateurs/comparaison-statuts/components/Détails.tsx +++ b/site/source/pages/simulateurs/comparaison-statuts/components/Détails.tsx @@ -62,6 +62,7 @@ const Détails = ({ @@ -72,39 +73,51 @@ const Détails = ({ namedEngines={namedEngines} unit="€/mois" footer={(engine) => ( - + +
    +
  • + + Soit{' '} + + + {' '} + avant impôts + +
  • {' '} + +
  • + + Avec{' '} + + + {' '} + de cotisations sociales + +
  • +
    +
+
)} warning={(engine) => ( {namedEngines.map(({ name, engine }) => ( - + - + ))} @@ -111,7 +111,7 @@ export default function RevenuTable({ {namedEngines.map(({ name, engine }) => ( - + - + ))} @@ -157,7 +157,7 @@ export default function RevenuTable({ {namedEngines.map(({ name, engine }) => ( {/* // TODO : color */} - + - + ))} @@ -186,18 +186,16 @@ export default function RevenuTable({ {namedEngines.map(({ name, engine }) => ( - - - - - + + + ))}