From 92e99f62486c61f468722f79ad364159b45b3296 Mon Sep 17 00:00:00 2001
From: CANCI0 <martinlol831@gmail.com>
Date: Thu, 7 Mar 2024 21:00:34 +0100
Subject: [PATCH 1/2] =?UTF-8?q?Arreglado=20bud=20de=20Bater=C3=ADa=20de=20?=
 =?UTF-8?q?sabios?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webapp/src/pages/Bateria/Bateria.js | 27 ++++++++++++---------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/webapp/src/pages/Bateria/Bateria.js b/webapp/src/pages/Bateria/Bateria.js
index eade6625..e52c7b6c 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("");
+  var preguntaActual = preguntas[indicePregunta];
   const navigate = useNavigate();
 
   useEffect(() => {
@@ -25,7 +25,7 @@ const JuegoPreguntas = () => {
       })
       .then((data) => {
         setPreguntas(data);
-        setPreguntaActual(data[0]);
+        preguntaActual = data[0];
         setIsLoading(false);
       })
       .catch((error) => {
@@ -35,10 +35,7 @@ const JuegoPreguntas = () => {
   }, []);
 
   useEffect(() => {
-    if (isLoading) {
-      return;
-    }
-    if (tiempoRestante === 0 || indicePregunta === preguntas.length) {
+    if (tiempoRestante === 0) {
       setJuegoTerminado(true);
     }
     const timer = setInterval(() => {
@@ -66,16 +63,11 @@ const JuegoPreguntas = () => {
     setJuegoTerminado(false);
   };
 
-  if (juegoTerminado) {
+  if (isLoading) {
     return (
       <>
         <Nav />
-        <div className="menuContainer">
-          <h2>¡Juego terminado!</h2>
-          <p>Tu puntuación: {puntuacion}</p>
-          <button onClick={handleRepetirJuego}>Repetir Juego</button>
-          <Link to="/home">Volver al Menú Principal</Link>
-        </div>
+        <span class="loader"></span>
         <Footer />
       </>
     );
@@ -84,8 +76,13 @@ const JuegoPreguntas = () => {
   return (
     <>
       <Nav />
-      {isLoading ? (
-        <span class="loader"></span>
+      {juegoTerminado ? (
+        <div className="menuContainer">
+        <h2>¡Juego terminado!</h2>
+        <p>Tu puntuación: {puntuacion}</p>
+        <button onClick={handleRepetirJuego}>Repetir Juego</button>
+        <Link to="/home">Volver al Menú Principal</Link>
+      </div>
       ) : (
         <div className="questionContainer">
           <h2>Pregunta {indicePregunta + 1}:</h2>

From a6c3dcc4b1ee23ede75b52fe1d1bde1511a2f7c8 Mon Sep 17 00:00:00 2001
From: CANCI0 <martinlol831@gmail.com>
Date: Fri, 8 Mar 2024 16:10:26 +0100
Subject: [PATCH 2/2] Arreglado error de doble data fetch

---
 webapp/src/index.js                 |  4 ++--
 webapp/src/pages/Bateria/Bateria.js | 16 +++++++++-------
 2 files changed, 11 insertions(+), 9 deletions(-)

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(
-  <React.StrictMode>
+  //<React.StrictMode>
     <App />
-  </React.StrictMode>
+  //</React.StrictMode>
 );
 
 // 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 e52c7b6c..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([]);
-  var preguntaActual = preguntas[indicePregunta];
+  const [preguntaActual, setPreguntaActual] = useState(null);
   const navigate = useNavigate();
 
   useEffect(() => {
@@ -24,8 +24,9 @@ const JuegoPreguntas = () => {
         return response.json();
       })
       .then((data) => {
+        console.log("depurando")
         setPreguntas(data);
-        preguntaActual = data[0];
+        setPreguntaActual(data[0]);
         setIsLoading(false);
       })
       .catch((error) => {
@@ -50,6 +51,7 @@ const JuegoPreguntas = () => {
     }
     if (indicePregunta + 1 < preguntas.length) {
       setIndicePregunta(indicePregunta + 1);
+      setPreguntaActual(preguntas[indicePregunta + 1]);
     } else {
       setJuegoTerminado(true);
     }
@@ -78,11 +80,11 @@ const JuegoPreguntas = () => {
       <Nav />
       {juegoTerminado ? (
         <div className="menuContainer">
-        <h2>¡Juego terminado!</h2>
-        <p>Tu puntuación: {puntuacion}</p>
-        <button onClick={handleRepetirJuego}>Repetir Juego</button>
-        <Link to="/home">Volver al Menú Principal</Link>
-      </div>
+          <h2>¡Juego terminado!</h2>
+          <p>Tu puntuación: {puntuacion}</p>
+          <button onClick={handleRepetirJuego}>Repetir Juego</button>
+          <Link to="/home">Volver al Menú Principal</Link>
+        </div>
       ) : (
         <div className="questionContainer">
           <h2>Pregunta {indicePregunta + 1}:</h2>