From 49839263213118564fec4878311582e58614902e Mon Sep 17 00:00:00 2001
From: "coral (UO285240)" <UO285240@uniovi.es>
Date: Sun, 7 Apr 2024 20:58:09 +0200
Subject: [PATCH] :sparkles: Pregunta incorrecta si pasa de tiempo

---
 webapp/src/components/Game.js | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/webapp/src/components/Game.js b/webapp/src/components/Game.js
index 1ab644f6..f494ff54 100644
--- a/webapp/src/components/Game.js
+++ b/webapp/src/components/Game.js
@@ -35,11 +35,14 @@ const Game = () => {
   const [gameCorrectOptions, setGameCorrectOptions] = useState([]);
   const [gameQuestions, setGameQuestions] = useState([]);
 
-  // Temporizador
   const [seconds, setSeconds] = useState(120);
 
+
+
+
   // Temporizador desde 20 segundos
   const [time, setTime] = useState(20);
+  const [isTimedOut, setTimedOut] = useState(false);
 
   // Estado para controlar si el temporizador está activo o no
   const [isTimerActive, setIsTimerActive] = useState(true);
@@ -51,7 +54,8 @@ const Game = () => {
           if (prev > 0) {
             return prev - 1;
           } else {
-            return 20; // Reiniciar el tiempo a 20 segundos cuando llega a 0
+            // Se acabó el tiempo
+            setTimedOut(true);
           }
         });
       }
@@ -316,9 +320,23 @@ const getQuestions = () => {
           </div>
         </Typography>
 
+      )}
 
+        {isTimedOut && (
+          <div className="modal">
+            <div className="modal-content">
+              <p>¡Tiempo agotado!</p>
+              <button onClick={() => setTimedOut(false)}>Cerrar</button>
+
+              incrementIncorrect();
+              incrementQuestion();
+
+              restartTimer();
+
+            </div>
+          </div>
+        )}
 
-      )}
 
       
         <Typography variant="body1" paragraph>