diff --git a/webapp/src/index.js b/webapp/src/index.js index d563c0fb..352262e6 100644 --- a/webapp/src/index.js +++ b/webapp/src/index.js @@ -6,9 +6,9 @@ import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( - + // - + // ); // If you want to start measuring performance in your app, pass a function diff --git a/webapp/src/pages/Bateria/Bateria.js b/webapp/src/pages/Bateria/Bateria.js index eade6625..8ebfd909 100644 --- a/webapp/src/pages/Bateria/Bateria.js +++ b/webapp/src/pages/Bateria/Bateria.js @@ -11,7 +11,7 @@ const JuegoPreguntas = () => { const [tiempoRestante, setTiempoRestante] = useState(180); const [juegoTerminado, setJuegoTerminado] = useState(false); const [preguntas, setPreguntas] = useState([]); - const [preguntaActual, setPreguntaActual] = useState(""); + const [preguntaActual, setPreguntaActual] = useState(null); const navigate = useNavigate(); useEffect(() => { @@ -24,6 +24,7 @@ const JuegoPreguntas = () => { return response.json(); }) .then((data) => { + console.log("depurando") setPreguntas(data); setPreguntaActual(data[0]); setIsLoading(false); @@ -35,10 +36,7 @@ const JuegoPreguntas = () => { }, []); useEffect(() => { - if (isLoading) { - return; - } - if (tiempoRestante === 0 || indicePregunta === preguntas.length) { + if (tiempoRestante === 0) { setJuegoTerminado(true); } const timer = setInterval(() => { @@ -53,6 +51,7 @@ const JuegoPreguntas = () => { } if (indicePregunta + 1 < preguntas.length) { setIndicePregunta(indicePregunta + 1); + setPreguntaActual(preguntas[indicePregunta + 1]); } else { setJuegoTerminado(true); } @@ -66,16 +65,11 @@ const JuegoPreguntas = () => { setJuegoTerminado(false); }; - if (juegoTerminado) { + if (isLoading) { return ( <>