diff --git a/components/quiz/ActivityQuestion.tsx b/components/quiz/ActivityQuestion.tsx index 2684426..d5f4e01 100644 --- a/components/quiz/ActivityQuestion.tsx +++ b/components/quiz/ActivityQuestion.tsx @@ -14,19 +14,49 @@ export default React.forwardRef( 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 ( diff --git a/components/quiz/GenderQuestion.tsx b/components/quiz/GenderQuestion.tsx index 26514db..95e8c9e 100644 --- a/components/quiz/GenderQuestion.tsx +++ b/components/quiz/GenderQuestion.tsx @@ -12,13 +12,26 @@ export default React.forwardRef( 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 ( diff --git a/components/quiz/SleepQuestion.tsx b/components/quiz/SleepQuestion.tsx index 3abfb73..db29a52 100644 --- a/components/quiz/SleepQuestion.tsx +++ b/components/quiz/SleepQuestion.tsx @@ -14,19 +14,49 @@ export default React.forwardRef( 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 (