diff --git a/webapp/src/components/Game.js b/webapp/src/components/Game.js index f494ff54..dab497f2 100644 --- a/webapp/src/components/Game.js +++ b/webapp/src/components/Game.js @@ -61,23 +61,23 @@ const Game = () => { } }, 1000); - return () => clearInterval(id); // Limpiar el intervalo cuando el componente se desmonta - }, [isTimerActive]); // Asegúrate de que el efecto se ejecute cada vez que cambie el estado del temporizador + return () => clearInterval(id); + }, [isTimerActive]); - // Calcular el porcentaje de tiempo transcurrido para el círculo - const percentageTime = ((20 - time) / 20) * 100; // Calcular el porcentaje en base al tiempo restante + // Calcular el porcentaje de tiempo transcurrido para el círculo del temporizador + const percentageTime = ((20 - time) / 20) * 100; - // Función para detener el temporizador + // Detener el temporizador const stopTimer = () => { - setIsTimerActive(false); // Cambiar el estado para detener el temporizador + setIsTimerActive(false); }; - // Función para activar el temporizador + // Activar el temporizador const restartTimer = () => { setTime(20); // Reiniciar el tiempo a 20 segundos - setIsTimerActive(true); // Volver a activar el temporizador + setIsTimerActive(true); }; @@ -322,20 +322,21 @@ const getQuestions = () => { )} - {isTimedOut && ( -
-
-

¡Tiempo agotado!

- - + {isTimedOut && ( + + + ¡Tiempo agotado! + + + + )} -
-
- )}