feat: ajout d'une icone à côté du montant RGCP mois par mois
Alice Dahan
liliced
parent
076b9daf40
commit
be9c86a437
|
|
@ -93,6 +93,7 @@ Décrivez votre projet ou votre problème en donnant quelques éléments de cont
|
|||
the right advisor for your request.
|
||||
He or she will contact you by telephone within 5 days, and will provide you with assistance tailored to your situation.
|
||||
Décès: Deaths
|
||||
"Détail du montant :": "Amount in detail :"
|
||||
Effacer mes réponses: Delete my answers
|
||||
Effectif de l'entreprise: Number of employees
|
||||
"En cas d’<1>accident de travail</1>, de <4>maladie professionnelle</4> ou d’un <7>accident sur le trajet domicile-travail</7>, vous serez indemnisé(e) à hauteur de :":
|
||||
|
|
|
|||
|
|
@ -99,6 +99,7 @@ Décrivez votre projet ou votre problème en donnant quelques éléments de cont
|
|||
le conseiller compétent pour votre demande.
|
||||
Celui-ci vous contactera par téléphone sous 5 jours et vous accompagnera en fonction de votre situation.
|
||||
Décès: Décès
|
||||
"Détail du montant :": "Détail du montant :"
|
||||
Effacer mes réponses: Effacer mes réponses
|
||||
Effectif de l'entreprise: Effectif de l'entreprise
|
||||
"En cas d’<1>accident de travail</1>, de <4>maladie professionnelle</4> ou d’un <7>accident sur le trajet domicile-travail</7>, vous serez indemnisé(e) à hauteur de :":
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import { styled } from 'styled-components'
|
|||
import { ExplicableRule } from '@/components/conversation/Explicable'
|
||||
import NumberInput from '@/components/conversation/NumberInput'
|
||||
import { useEngine } from '@/components/utils/EngineContext'
|
||||
import { SearchIcon } from '@/design-system/icons'
|
||||
import { Tooltip } from '@/design-system/tooltip'
|
||||
|
||||
import Répartition from './components/Répartition'
|
||||
|
|
@ -124,13 +125,16 @@ export default function RéductionGénéraleMoisParMois({
|
|||
<td>
|
||||
{data[monthIndex].réductionGénérale ? (
|
||||
<Tooltip tooltip={tooltip}>
|
||||
{formatValue(
|
||||
{ nodeValue: data[monthIndex].réductionGénérale },
|
||||
{
|
||||
displayedUnit,
|
||||
language,
|
||||
}
|
||||
)}
|
||||
<StyledDiv>
|
||||
{formatValue(
|
||||
{ nodeValue: data[monthIndex].réductionGénérale },
|
||||
{
|
||||
displayedUnit,
|
||||
language,
|
||||
}
|
||||
)}
|
||||
<SearchIcon />
|
||||
</StyledDiv>
|
||||
</Tooltip>
|
||||
) : (
|
||||
formatValue(0, { displayedUnit, language })
|
||||
|
|
@ -168,3 +172,9 @@ const StyledTable = styled.table`
|
|||
font-weight: normal;
|
||||
}
|
||||
`
|
||||
|
||||
const StyledDiv = styled.div`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: ${({ theme }) => theme.spacings.sm};
|
||||
`
|
||||
|
|
|
|||
|
|
@ -1,7 +1,10 @@
|
|||
import { Trans } from 'react-i18next'
|
||||
import { styled } from 'styled-components'
|
||||
|
||||
import { SimulationValue } from '@/components/Simulation/SimulationValue'
|
||||
import { Strong } from '@/design-system/typography'
|
||||
import { Li, Ul } from '@/design-system/typography/list'
|
||||
import { Body } from '@/design-system/typography/paragraphs'
|
||||
import { Contexte } from '@/domaine/Contexte'
|
||||
|
||||
type Props = {
|
||||
|
|
@ -10,28 +13,35 @@ type Props = {
|
|||
|
||||
export default function Répartition({ contexte = {} }: Props) {
|
||||
return (
|
||||
<StyledUl>
|
||||
<StyledLi>
|
||||
<SimulationValue
|
||||
dottedName="salarié . cotisations . exonérations . réduction générale . part retraite"
|
||||
contexte={contexte}
|
||||
round={false}
|
||||
/>
|
||||
</StyledLi>
|
||||
<StyledLi>
|
||||
<SimulationValue
|
||||
dottedName="salarié . cotisations . exonérations . réduction générale . part Urssaf"
|
||||
contexte={contexte}
|
||||
round={false}
|
||||
/>
|
||||
<SimulationValue
|
||||
dottedName="salarié . cotisations . exonérations . réduction générale . part Urssaf . part chômage"
|
||||
label="dont chômage"
|
||||
contexte={contexte}
|
||||
round={false}
|
||||
/>
|
||||
</StyledLi>
|
||||
</StyledUl>
|
||||
<>
|
||||
<Body>
|
||||
<Strong>
|
||||
<Trans>Détail du montant :</Trans>
|
||||
</Strong>
|
||||
</Body>
|
||||
<StyledUl>
|
||||
<StyledLi>
|
||||
<SimulationValue
|
||||
dottedName="salarié . cotisations . exonérations . réduction générale . part retraite"
|
||||
contexte={contexte}
|
||||
round={false}
|
||||
/>
|
||||
</StyledLi>
|
||||
<StyledLi>
|
||||
<SimulationValue
|
||||
dottedName="salarié . cotisations . exonérations . réduction générale . part Urssaf"
|
||||
contexte={contexte}
|
||||
round={false}
|
||||
/>
|
||||
<SimulationValue
|
||||
dottedName="salarié . cotisations . exonérations . réduction générale . part Urssaf . part chômage"
|
||||
label="dont chômage"
|
||||
contexte={contexte}
|
||||
round={false}
|
||||
/>
|
||||
</StyledLi>
|
||||
</StyledUl>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue