Corregidos errores temporizador

Arquisoft · Apr 29, 2024 · dd69b2a · dd69b2a
1 parent eadd66e
commit dd69b2a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/webapp/src/components/Pages/Juego.js b/webapp/src/components/Pages/Juego.js
@@ -210,7 +210,15 @@ const Juego = ({isLogged, username, numPreguntas}) => {
       <Container component="main" maxWidth="xs" sx={{ marginTop: 4 }}>
         {ready ? <>
           <div className="numPregunta"> <p> {numPreguntaActual} / {numPreguntas} </p> </div>
-          <Temporizador id="temp" restart={restartTemporizador} tiempoInicial={20} tiempoAcabado={cambiarColorBotones} pausa={pausarTemporizador} handleRestart={handleRestart}/>
+          <Temporizador
+            id="temp"
+            restart={restartTemporizador}
+            tiempoInicial={20}
+            tiempoAcabado={cambiarColorBotones}
+            pausa={pausarTemporizador}
+            handleRestart={handleRestart}
+            setPausa={setPausarTemporizador}
+          />          
           <h2> {pregunta} </h2>
           <div className="button-container">
             <button id="boton1" className="button" onClick={() => botonRespuesta(resFalse[1])}> {resFalse[1]}</button>

diff --git a/webapp/src/components/Temporizador.js b/webapp/src/components/Temporizador.js
@@ -1,17 +1,15 @@
 import React, { useState, useEffect } from 'react';
 
-const Temporizador =({restart, tiempoInicial, tiempoAcabado, handleRestart})=> {
+const Temporizador = ({ restart, tiempoInicial, tiempoAcabado, pausa, handleRestart, setPausa }) => {
 
-    //Constante que va restando segundos
+    // Constante que va restando segundos
     const [tiempoSegundos, setTiempoSegundos] = useState(tiempoInicial);
-    //Constante que indica si el temporizador esta en pausa
-    const [pausa, setPausa] = useState(false);
 
     useEffect(() => {
         let intervalID;
-        if(restart){
+        if (restart) {
             setTiempoSegundos(tiempoInicial);
-            setPausa(false); 
+            setPausa(false);
             handleRestart();
         }
 
@@ -20,15 +18,14 @@ const Temporizador =({restart, tiempoInicial, tiempoAcabado, handleRestart})=> {
                 setTiempoSegundos((prevTiempo) => prevTiempo - 1);
             }, 1000);
         }
-        if(tiempoSegundos <= 0)
+        if (tiempoSegundos <= 0)
             tiempoAcabado();
         return () => clearInterval(intervalID);
-    }, [tiempoSegundos, pausa, restart]);
-
+    }, [tiempoSegundos, pausa, restart, tiempoInicial, handleRestart, setPausa, tiempoAcabado]);
 
     return (
         <div className="temporizador"> <p> {tiempoSegundos} </p> </div>
     )
 }
 
-export default Temporizador;
+export default Temporizador;