Se ha añadido mensaje de error

Arquisoft · Mar 7, 2024 · 8080a75 · 8080a75
1 parent 5541f4d
commit 8080a75
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/webapp/src/pages/Bateria/Bateria.js b/webapp/src/pages/Bateria/Bateria.js
@@ -18,9 +18,10 @@ const JuegoPreguntas = () => {
     fetch("http://localhost:8003/questions?tematica=all&n=10000")
       .then((response) => {
         if (!response.ok) {
-          navigate("/home");
+          navigate("/home?error=1");
+          return;
         }
-        response.json();
+        return response.json();
       })
       .then((data) => {
         setPreguntas(data);
@@ -29,7 +30,7 @@ const JuegoPreguntas = () => {
       })
       .catch((error) => {
         console.error("Error al obtener las preguntas:", error);
-        navigate("/home");
+        navigate("/home?error=1");
       });
   }, []);
 

diff --git a/webapp/src/pages/Clasico/Clasico.js b/webapp/src/pages/Clasico/Clasico.js
@@ -27,9 +27,10 @@ const JuegoPreguntas = () => {
     fetch("http://localhost:8003/questions?tematica=all&n=10")
       .then((response) => {
         if (!response.ok) {
-          navigate("/home");
+          navigate("/home?error=1");
+          return;
         }
-        response.json();
+        return response.json();
       })
       .then((data) => {
         setPreguntas(data);
@@ -38,7 +39,7 @@ const JuegoPreguntas = () => {
       })
       .catch((error) => {
         console.error("Error al obtener las preguntas:", error);
-        navigate("/home");
+        navigate("/home?error=1");
       });
   }, []);
 

diff --git a/webapp/src/pages/Home/Home.js b/webapp/src/pages/Home/Home.js
@@ -3,8 +3,13 @@ import "./Home.css";
 import Nav from '../../components/Nav/Nav.js';
 import Footer from '../../components/Footer/Footer.js';
 import { Link } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 
 const Home = () => {
+  const location = useLocation();
+  const searchParams = new URLSearchParams(location.search);
+  const error = searchParams.get("error");
+
   return (
     <>
       <Nav />
@@ -20,6 +25,7 @@ const Home = () => {
           <Link to="pregunta">La pregunta caliente</Link>
           <Link to="descubriendo">Descubriendo ciudades</Link> */}
         </ul>
+        {error && <p>Hubo un error al cargar las preguntas. Inténtalo más tarde</p>}
       </div>
       <Footer />
     </>