ajout contraintes sur les checkboxs

components/quiz/ActivityQuestion.tsx

@@ -14,19 +14,49 @@ export default React.forwardRef<any, QuestionChildProps>(
         const [checkedFour, setCheckedFour] = React.useState(false);
         const [checkedFive, setCheckedFive] = React.useState(false);
         const handleChangeOne = () => {
-            setCheckedOne(!checkedOne);
+            if(!checkedOne) {
+                setCheckedOne(!checkedOne);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
         };
         const handleChangeTwo = () => {
-            setCheckedTwo(!checkedTwo);
+            if(!checkedTwo) {
+                setCheckedOne(false);
+                setCheckedTwo(!checkedTwo);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
         };
         const handleChangeThree = () => {
-            setCheckedThree(!checkedThree);
+            if(!checkedThree) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(!checkedThree);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
         };
         const handleChangeFour = () => {
-            setCheckedFour(!checkedFour);
+            if(!checkedFour) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(!checkedFour);
+                setCheckedFive(false);
+            }
         };
         const handleChangeFive = () => {
-            setCheckedFive(!checkedFive);
+            if(!checkedFive) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(!checkedFive);
+            }
         };
 
         return (

components/quiz/GenderQuestion.tsx

@@ -12,13 +12,26 @@ export default React.forwardRef<any, QuestionChildProps>(
         const [checkedTwo, setCheckedTwo] = React.useState(false);
         const [checkedThree, setCheckedThree] = React.useState(false);
         const handleChangeOne = () => {
-            setCheckedOne(!checkedOne);
+            if(!checkedOne)
+            {
+                setCheckedOne(!checkedOne);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+            }
         };
         const handleChangeTwo = () => {
-            setCheckedTwo(!checkedTwo);
+            if(!checkedTwo) {
+                setCheckedOne(false);
+                setCheckedTwo(!checkedTwo);
+                setCheckedThree(false);
+            }
         };
         const handleChangeThree = () => {
-            setCheckedThree(!checkedThree);
+            if(!checkedThree) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(!checkedThree);
+            }
         };
 
         return (

components/quiz/SleepQuestion.tsx

@@ -14,19 +14,49 @@ export default React.forwardRef<any, QuestionChildProps>(
         const [checkedFour, setCheckedFour] = React.useState(false);
         const [checkedFive, setCheckedFive] = React.useState(false);
         const handleChangeOne = () => {
-            setCheckedOne(!checkedOne);
+            if(!checkedOne) {
+                setCheckedOne(!checkedOne);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
         };
         const handleChangeTwo = () => {
-            setCheckedTwo(!checkedTwo);
+            if(!checkedTwo) {
+                setCheckedOne(false);
+                setCheckedTwo(!checkedTwo);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
         };
         const handleChangeThree = () => {
-            setCheckedThree(!checkedThree);
+            if(!checkedThree) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(!checkedThree);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
         };
         const handleChangeFour = () => {
-            setCheckedFour(!checkedFour);
+            if(!checkedFour) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(!checkedFour);
+                setCheckedFive(false);
+            }
         };
         const handleChangeFive = () => {
-            setCheckedFive(!checkedFive);
+            if(!checkedFive) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(!checkedFive);
+            }
         };
 
         return (