feat(admin): added a select / unselect all toggle when choosing the c…

…ertification authorities of a certification
SocialGouv · Feb 28, 2025 · d5ed589 · d5ed589
1 parent 1731eb9
commit d5ed589
Showing 1 changed file with 27 additions and 6 deletions.
diff --git a/.../src/app/(admin)/certifications/[certificationId]/structure/_components/StructureForm.tsx b/.../src/app/(admin)/certifications/[certificationId]/structure/_components/StructureForm.tsx
@@ -91,6 +91,16 @@ export const StructureForm = ({
     replaceCertificationAuthorities,
   ]);
 
+  const selectOrUnselectAllCertificationAuthorities = (selectAll: boolean) => {
+    const newCAs =
+      availableCertificationAuthorities?.map((aca) => ({
+        id: aca.id,
+        label: aca.label,
+        checked: selectAll,
+      })) || [];
+    replaceCertificationAuthorities(newCAs);
+  };
+
   useEffect(() => {
     refreshCertificationAuthoritiesList();
   }, [
@@ -159,13 +169,24 @@ export const StructureForm = ({
           (certificationAuthoritiesFields.length ? (
             <Checkbox
               legend="Gestionnaire(s) des candidatures"
-              options={certificationAuthoritiesFields.map((ca, caIndex) => ({
-                label: ca.label,
-                nativeInputProps: {
-                  key: ca.id,
-                  ...register(`certificationAuthorities.${caIndex}.checked`),
+              options={[
+                {
+                  label: "Tout cocher / décocher",
+                  nativeInputProps: {
+                    onClick: (e) =>
+                      selectOrUnselectAllCertificationAuthorities(
+                        e.currentTarget.checked,
+                      ),
+                  },
                 },
-              }))}
+                ...certificationAuthoritiesFields.map((ca, caIndex) => ({
+                  label: ca.label,
+                  nativeInputProps: {
+                    key: ca.id,
+                    ...register(`certificationAuthorities.${caIndex}.checked`),
+                  },
+                })),
+              ]}
             />
           ) : (
             <NoCertificationAuthorityAlert className="my-4" />