diff --git a/webapp/src/pages/Bateria/Bateria.js b/webapp/src/pages/Bateria/Bateria.js index 27dd0f49..eade6625 100644 --- 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 index 2081c534..6086455f 100644 --- 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 index 5c34b3aa..b38f0807 100644 --- 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 ( <> @@ -20,6 +25,7 @@ const Home = () => { La pregunta caliente Descubriendo ciudades */} + {error &&
Hubo un error al cargar las preguntas. Inténtalo más tarde
} >