Show different text when sub finality are collapsed

Author: garronej

src/gdpr/ConsentBannerAndConsentManagement/ConsentManagement.tsx

@@ -266,6 +266,10 @@ export function createConsentManagement<
             [finalityConsent]
         );
 
+        console.log("bite");
+
+        const [isSubFinalityDivCollapsed, setIsSubFinalityDivCollapsed] = useState(true);
+
         return (
             <div className={fr.cx("fr-consent-service")}>
                 <fieldset
@@ -342,8 +346,15 @@ export function createConsentManagement<
                                         aria-expanded="false"
                                         aria-describedby={legendId}
                                         aria-controls={subFinalityDivId}
+                                        onClick={() =>
+                                            setIsSubFinalityDivCollapsed(!isSubFinalityDivCollapsed)
+                                        }
                                     >
-                                        {t("see more details")}
+                                        {t(
+                                            isSubFinalityDivCollapsed
+                                                ? "see more details"
+                                                : "hide details"
+                                        )}
                                     </button>
                                 </div>
                                 <div

src/gdpr/ConsentBannerAndConsentManagement/translation.tsx

@@ -61,6 +61,7 @@ export const { useTranslation, addGdprTranslations } = createComponentI18nApi({
             );
         },
         "see more details": "Voir plus de détails",
+        "hide details": "Cacher les détails",
         "mandatory cookies": "Cookies obligatoires",
         "mandatory cookies - description":
             "Ce site utilise des cookies nécessaires à son bon fonctionnement qui ne peuvent pas être désactivés.",
@@ -120,6 +121,7 @@ addGdprTranslations({
             );
         },
         "see more details": "See more details",
+        "hide details": "Hide details",
         "mandatory cookies": "Mandatory cookies",
         "mandatory cookies - description":
             "This site uses cookies necessary for its proper functioning which cannot be deactivated.",