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>excluding2>:<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 excluant2> :<4><0>les primes et autres éléments de