Fix bug where alert pop up would stay permanently after triggering tw…

…ice before can disappear
chdonncha · Apr 11, 2024 · 15f41b0 · 15f41b0
1 parent b389458
commit 15f41b0
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/front-end/src/pages/KanaQuiz.tsx b/front-end/src/pages/KanaQuiz.tsx
@@ -199,27 +199,26 @@ export const KanaQuiz = () => {
   }
 
   function messageHelper(Correct: any, Incorrect: any, EmptyInput: any) {
-    if (!Correct && !Incorrect && !EmptyInput) {
-      setShowAlert(false);
-    }
+    setShowCorrect(Correct);
+    setShowIncorrect(Incorrect);
+    setShowEmptyInput(EmptyInput);
+
     if (Correct) {
-      setShowAlert(true);
-      setShowCorrect(Correct);
       setAlertMessage('Correct!');
       setAlertVariant('success');
-    }
-    if (Incorrect) {
-      setShowAlert(true);
-      setShowIncorrect(Incorrect);
+    } else if (Incorrect) {
       setAlertMessage('Incorrect Answer!');
       setAlertVariant('danger');
-    }
-    if (EmptyInput) {
-      setShowAlert(true);
-      setShowEmptyInput(EmptyInput);
+    } else if (EmptyInput) {
       setAlertMessage('Cannot leave input empty');
       setAlertVariant('danger');
     }
+
+    setShowAlert(true);
+
+    setTimeout(() => {
+      setShowAlert(false);
+    }, 1000);
   }
 
   function clearAllMessages() {