diff --git a/webapp/src/components/Estilos/juego.css b/webapp/src/components/Estilos/juego.css index 60077d6..6642e46 100644 --- a/webapp/src/components/Estilos/juego.css +++ b/webapp/src/components/Estilos/juego.css @@ -1,4 +1,4 @@ -#botonSiguiente{ +#botonSiguiente, #botonFinal{ width: 6em; font-size: 2em; padding: 0.1em; diff --git a/webapp/src/components/Pages/Juego.js b/webapp/src/components/Pages/Juego.js index a7416f4..025cfaf 100644 --- a/webapp/src/components/Pages/Juego.js +++ b/webapp/src/components/Pages/Juego.js @@ -4,7 +4,6 @@ import '../Estilos/juego.css'; import { Container } from '@mui/material'; import Temporizador from '../Temporizador'; import PropTypes from 'prop-types' -import {useNavigate} from 'react-router-dom' const Juego = ({isLogged, username, numPreguntas}) => { //La pregunta (string) @@ -29,7 +28,7 @@ const Juego = ({isLogged, username, numPreguntas}) => { const [numRespuestasIncorrectas, setNumRespuestasIncorrectas] = useState(0) const [disableFinish, setDisableFinish] = useState(false) - const navigate= useNavigate() + //const navigate= useNavigate() //Variables para la obtencion y modificacion de estadisticas del usuario y de preguntas const apiEndpoint = process.env.REACT_APP_API_ENDPOINT || 'http://localhost:8000'; @@ -201,7 +200,6 @@ const Juego = ({isLogged, username, numPreguntas}) => { const clickFinalizar = () => { updateStats(); setDisableFinish(true) - navigate('/') } const handleRestart = () => { @@ -225,9 +223,12 @@ const Juego = ({isLogged, username, numPreguntas}) => { :

CARGANDO...

} {finishGame ? <>

PARTIDA FINALIZADA

-

ACERTADAS: {numRespuestasCorrectas} FALLADAS: {numRespuestasIncorrectas}

- +

ACERTADAS: {numRespuestasCorrectas} FALLADAS: {numRespuestasIncorrectas}

+ : <>} + + { disableFinish ? (

Comience nueva partida o visite sus estadísticas!!

) + : <> } ); }; @@ -235,7 +236,7 @@ const Juego = ({isLogged, username, numPreguntas}) => { Juego.propTypes = { isLogged: PropTypes.bool, username: PropTypes.string, - numPreguntas: PropTypes.number + numPreguntas: PropTypes.number, } diff --git a/webapp/src/components/Pages/Layout.js b/webapp/src/components/Pages/Layout.js index 389cb5d..c15c4a9 100644 --- a/webapp/src/components/Pages/Layout.js +++ b/webapp/src/components/Pages/Layout.js @@ -19,17 +19,16 @@ const apiEndpoint = process.env.REACT_APP_API_ENDPOINT || 'http://localhost:8000 WIQ 5A - + { isLogged ? () : + }