fix: display error on incomplete answer

graasp · Sep 12, 2024 · 54cf336 · 54cf336
1 parent b9aa577
commit 54cf336
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/src/components/play/multipleChoices/PlayMultipleChoices.tsx b/src/components/play/multipleChoices/PlayMultipleChoices.tsx
@@ -111,12 +111,19 @@ const PlayMultipleChoices = ({
     computeChoiceState(choice, lastUserAnswer?.choices, showCorrection)
   );
   const showError =
-    choiceStates.some(
-      (state) =>
-        state === ChoiceState.INCORRECT || state === ChoiceState.MISSING
-    ) &&
-    showCorrectness &&
-    !showCorrection;
+    (showCorrection &&
+      choiceStates.some(
+        (state) =>
+          state === ChoiceState.INCORRECT || state === ChoiceState.MISSING
+      )) ||
+    (showCorrectness && !showCorrection);
+
+  useEffect(() => {
+    console.log(
+      `showError: ${showError}, showCorrectness: ${showCorrectness}, showCorrection: ${showCorrection}`,
+      choiceStates
+    );
+  }, [choiceStates, showCorrection, showCorrectness, showError]);
 
   useEffect(() => {
     const answers = choices.map((c, idx) => choiceToAnswer(c, idx));