ajout contraintes sur les checkboxs

5 months ago · efa61d660e
parent b2c9925be5
commit efa61d660e
3 changed files with 86 additions and 13 deletions
--- a/components/quiz/ActivityQuestion.tsx
+++ b/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 = () => {
+            if(!checkedOne) {
                setCheckedOne(!checkedOne);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
        };
        const handleChangeTwo = () => {
+            if(!checkedTwo) {
+                setCheckedOne(false);
                setCheckedTwo(!checkedTwo);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
        };
        const handleChangeThree = () => {
+            if(!checkedThree) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
                setCheckedThree(!checkedThree);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
        };
        const handleChangeFour = () => {
+            if(!checkedFour) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(false);
                setCheckedFour(!checkedFour);
+                setCheckedFive(false);
+            }
        };
        const handleChangeFive = () => {
+            if(!checkedFive) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(false);
                setCheckedFive(!checkedFive);
+            }
        };

        return (
--- a/components/quiz/GenderQuestion.tsx
+++ b/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 = () => {
+            if(!checkedOne)
+            {
                setCheckedOne(!checkedOne);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+            }
        };
        const handleChangeTwo = () => {
+            if(!checkedTwo) {
+                setCheckedOne(false);
                setCheckedTwo(!checkedTwo);
+                setCheckedThree(false);
+            }
        };
        const handleChangeThree = () => {
+            if(!checkedThree) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
                setCheckedThree(!checkedThree);
+            }
        };

        return (
--- a/components/quiz/SleepQuestion.tsx
+++ b/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 = () => {
+            if(!checkedOne) {
                setCheckedOne(!checkedOne);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
        };
        const handleChangeTwo = () => {
+            if(!checkedTwo) {
+                setCheckedOne(false);
                setCheckedTwo(!checkedTwo);
+                setCheckedThree(false);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
        };
        const handleChangeThree = () => {
+            if(!checkedThree) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
                setCheckedThree(!checkedThree);
+                setCheckedFour(false);
+                setCheckedFive(false);
+            }
        };
        const handleChangeFour = () => {
+            if(!checkedFour) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(false);
                setCheckedFour(!checkedFour);
+                setCheckedFive(false);
+            }
        };
        const handleChangeFive = () => {
+            if(!checkedFive) {
+                setCheckedOne(false);
+                setCheckedTwo(false);
+                setCheckedThree(false);
+                setCheckedFour(false);
                setCheckedFive(!checkedFive);
+            }
        };

        return (