diff --git a/site/cypress/integration/mon-entreprise/lodeom.ts b/site/cypress/integration/mon-entreprise/lodeom.ts index a502b99f3..cf00f7150 100755 --- a/site/cypress/integration/mon-entreprise/lodeom.ts +++ b/site/cypress/integration/mon-entreprise/lodeom.ts @@ -260,11 +260,6 @@ describe('Simulateur lodeom', { testIsolation: false }, function () { cy.contains('Régularisation progressive').click() cy.get(inputSelector).first().type('{selectall}1500') cy.get('input[id="option-heures-sup-janvier"]').type('{selectall}5') - cy.get( - 'div[id="simulator-legend"] p[aria-describedby="options-mois-incomplet-description"]' - ) - .should('be.visible') - .click() cy.get('input[id="option-rémunération-etp-janvier"]') .should('be.visible') .type('{selectall}3000') diff --git a/site/cypress/integration/mon-entreprise/reduction-generale.ts b/site/cypress/integration/mon-entreprise/reduction-generale.ts index 09d80d1c9..83b35f028 100755 --- a/site/cypress/integration/mon-entreprise/reduction-generale.ts +++ b/site/cypress/integration/mon-entreprise/reduction-generale.ts @@ -204,14 +204,6 @@ describe( cy.contains('Régularisation progressive').click() cy.get(inputSelector).first().type('{selectall}1500') cy.get('input[id="option-heures-sup-janvier"]').type('{selectall}5') - cy.get( - 'div[id="simulator-legend"] p[aria-describedby="options-mois-incomplet-description"]' - ) - .should('be.visible') - .click() - // Wait for fields to appear - // eslint-disable-next-line cypress/no-unnecessary-waiting - cy.wait(500) cy.get('input[id="option-rémunération-etp-janvier"]') .should('be.visible') .type('{selectall}1900') diff --git a/site/source/components/RéductionDeCotisations/MonthOptions.tsx b/site/source/components/RéductionDeCotisations/MonthOptions.tsx index 14229755d..7a3bc30ff 100644 --- a/site/source/components/RéductionDeCotisations/MonthOptions.tsx +++ b/site/source/components/RéductionDeCotisations/MonthOptions.tsx @@ -1,4 +1,3 @@ -import { useState } from 'react' import { Trans, useTranslation } from 'react-i18next' import { styled } from 'styled-components' @@ -12,7 +11,6 @@ import { StyledSuffix, } from '@/design-system/field/TextField' import { FlexCenter } from '@/design-system/global-style' -import { RotatingChevronIcon } from '@/design-system/icons' import { Grid } from '@/design-system/layout' import { baseTheme } from '@/design-system/theme' import { Strong } from '@/design-system/typography' @@ -36,7 +34,6 @@ export default function MonthOptions({ }: Props) { const { t } = useTranslation() const engine = useEngine() - const [isMoisIncompletVisible, setMoisIncompletVisible] = useState(false) const isDesktop = useMediaQuery( `(min-width: ${baseTheme.breakpointsWidth.md})` ) @@ -136,121 +133,104 @@ export default function MonthOptions({ - setMoisIncompletVisible(!isMoisIncompletVisible)} - aria-describedby="options-mois-incomplet-description" - aria-expanded={isMoisIncompletVisible} - aria-controls={`options-mois-incomplet-${month}`} - aria-label={!isMoisIncompletVisible ? t('Déplier') : t('Replier')} - > - Mois incomplet {isDesktop && '(embauche, absences, départ...)'}{' '} - - - - {t( - 'pages.simulateurs.réduction-générale.options.mois-incomplet.description', - "Ajoute des champs pour gérer le cas d'un mois incomplet" - )} - + + Mois incomplet {isDesktop && t('(embauche, absences, départ...)')} + {' :'} + - {isMoisIncompletVisible && ( - <> - - - - - {t( - 'pages.simulateurs.réduction-générale.options.label.rémunération-etp', - 'Rémunération de base mois complet' - )} - - - - - - - - - - - - - - - - - {t( - 'pages.simulateurs.réduction-générale.options.label.rémunération-primes', - 'Rémunération non affectée par le mois incomplet' - )} - - - - - - - - - - - - - - - - - {additionalHoursRémunérationLabels[additionalHours]} - - - - - - - - - - - - - - )} + + + + + {t( + 'pages.simulateurs.réduction-générale.options.label.rémunération-etp', + 'Rémunération de base mois complet' + )} + + + + + + + + + + + + + + + + + {t( + 'pages.simulateurs.réduction-générale.options.label.rémunération-primes', + 'Rémunération non affectée par le mois incomplet' + )} + + + + + + + + + + + + + + + + + {additionalHoursRémunérationLabels[additionalHours]} + + + + + + + + + + + + ) } @@ -333,13 +313,8 @@ const NumberFieldContainer = styled.div` } } ` -const StyledButton = styled(SmallBody)` - cursor: pointer; +const StyledSmallBody = styled(SmallBody)` font-weight: bold; color: ${({ theme }) => theme.colors.bases.primary[800]}; - margin-top: ${({ theme }) => theme.spacings.xs}; - margin-bottom: 0; - svg { - fill: ${({ theme }) => theme.colors.bases.primary[800]} !important; - } + margin: ${({ theme }) => theme.spacings.xs} 0; ` diff --git a/site/source/locales/ui-en.yaml b/site/source/locales/ui-en.yaml index 8d59e5f6b..e47aabb2b 100644 --- a/site/source/locales/ui-en.yaml +++ b/site/source/locales/ui-en.yaml @@ -1,3 +1,4 @@ +(embauche, absences, départ...): (hiring, absences, departures...) (invalidité partielle): (partial disability) (invalidité totale): (total disability) "404": @@ -1545,8 +1546,6 @@ pages: rémunération-heures-complémentaires: Overtime pay rémunération-heures-supplémentaires: Overtime pay rémunération-primes: Remuneration not affected by the incomplete month - mois-incomplet: - description: Adds fields to handle incomplete months rémunération-etp: popover: <0>Indicate here the remuneration that would have been paid for a full month, <2>excluding:<4><0>bonuses and other remuneration not diff --git a/site/source/locales/ui-fr.yaml b/site/source/locales/ui-fr.yaml index bb730cfc2..7cb1f0241 100644 --- a/site/source/locales/ui-fr.yaml +++ b/site/source/locales/ui-fr.yaml @@ -1,3 +1,4 @@ +(embauche, absences, départ...): (embauche, absences, départ...) (invalidité partielle): (invalidité partielle) (invalidité totale): (invalidité totale) "404": @@ -1644,8 +1645,6 @@ pages: rémunération-heures-complémentaires: Rémunération des heures complémentaires rémunération-heures-supplémentaires: Rémunération des heures supplémentaires rémunération-primes: Rémunération non affectée par le mois incomplet - mois-incomplet: - description: Ajoute des champs pour gérer le cas d'un mois incomplet rémunération-etp: popover: <0>Indiquez ici la rémunération qui aurait été versée pour un mois complet, <2>en excluant :<4><0>les primes et autres éléments de