From 472d78ff6a7c3c18e1dfc714b9319d89b9d71e78 Mon Sep 17 00:00:00 2001
From: mphstar <bintang.simdig20@gmail.com>
Date: Sun, 16 Mar 2025 17:13:05 +0700
Subject: [PATCH] fix delay answer picture

---
 src/pages/Kuis/TebakHuruf/Quiz.tsx | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/pages/Kuis/TebakHuruf/Quiz.tsx b/src/pages/Kuis/TebakHuruf/Quiz.tsx
index dae9531..c4847a8 100644
--- a/src/pages/Kuis/TebakHuruf/Quiz.tsx
+++ b/src/pages/Kuis/TebakHuruf/Quiz.tsx
@@ -258,21 +258,27 @@ const Quiz = () => {
         }  z-[999] flex items-center justify-center pointer-events-none  ease-in-out`}
       >
         <div className="rounded-md px-3 py-2 text-white flex flex-col justify-center items-center gap-3">
+        
           <img
-            className="h-56"
-            src={`/assets/gif/${
-              quizStore.jawaban[quizStore.soalIndex]?.isCorrect
-                ? "betul"
-                : "salah"
-            }.gif`}
+            className={`h-56 ${
+              quizStore.jawaban[quizStore.soalIndex]?.isCorrect ? "" : "hidden"
+            }`}
+            src={`/assets/gif/betul.gif`}
             loading="eager"
             fetchPriority="high"
-            alt={`Jawaban ${
-              quizStore.jawaban[quizStore.soalIndex]?.isCorrect
-                ? "Benar"
-                : "Salah"
-            }`}
+            alt={`Jawaban Benar`}
           />
+
+          <img
+            className={`h-56 ${
+              quizStore.jawaban[quizStore.soalIndex]?.isCorrect ? "hidden" : ""
+            }`}
+            src={`/assets/gif/salah.gif`}
+            loading="eager"
+            fetchPriority="high"
+            alt={`Jawaban Salah`}
+          />
+
           <p className="text-center text-6xl font-bold">
             {quizStore.jawaban[quizStore.soalIndex]?.jawaban}
           </p>