From 725dce0cbbf89a474e61bf6afed6f94f7f00e195 Mon Sep 17 00:00:00 2001
From: sonia <uo282189@uniovi.es>
Date: Wed, 13 Mar 2024 20:31:45 +0100
Subject: [PATCH] Arreglos en la release

---
 webapp/src/components/QuestionArea.jsx | 34 ++++++++++++++------------
 webapp/src/index.js                    |  1 -
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/webapp/src/components/QuestionArea.jsx b/webapp/src/components/QuestionArea.jsx
index 38bf0894..80092a02 100644
--- a/webapp/src/components/QuestionArea.jsx
+++ b/webapp/src/components/QuestionArea.jsx
@@ -15,25 +15,27 @@ export function QuestionArea(){
   const [correcta, setCorrecta] = useState();
 
     // Función para llamar al servicio y obtener los datos de la pregunta
-  const fetchQuestionData = async () => {
-      try {          
-          // Llamada al servicio para obtener los datos de la pregunta (aquí asumiendo que el servicio devuelve un JSON)
-          const response = await axios.get(`${apiEndpoint}/getQuestion`);
-          const data = response.data;
-          setQuestionData(data); // Actualizar el estado con los datos de la pregunta obtenidos del servicio
-          //Meto la correcta
-          setCorrecta(data.correcta);
-          //calcular respuestas 
-          const respuestasArray = [data.correcta, data.respuestasIncorrecta1, data.respuestasIncorrecta2, data.respuestasIncorrecta3];
-          setRespuestas(respuestasArray);
-      
-        } catch (error) {
-          console.error('Error fetching question data:', error);
-      }
-  };
+  
 
       // Llamar al servicio al cargar el componente (equivalente a componentDidMount)
       useEffect(() => {
+        const fetchQuestionData = async () => {
+          try {          
+              // Llamada al servicio para obtener los datos de la pregunta (aquí asumiendo que el servicio devuelve un JSON)
+              const response = await axios.get(`${apiEndpoint}/getQuestion`);
+              const data = response.data;
+              setQuestionData(data); // Actualizar el estado con los datos de la pregunta obtenidos del servicio
+              //Meto la correcta
+              setCorrecta(data.correcta);
+              //calcular respuestas 
+              const respuestasArray = [data.correcta, data.respuestasIncorrecta1, data.respuestasIncorrecta2, data.respuestasIncorrecta3];
+              setRespuestas(respuestasArray);
+          
+            } catch (error) {
+              console.error('Error fetching question data:', error);
+          }
+      };
+
         fetchQuestionData();
     }, []); // El array vacío asegura que esto solo se ejecute una vez al montar el componente
 
diff --git a/webapp/src/index.js b/webapp/src/index.js
index 68fce632..ffea4d12 100644
--- a/webapp/src/index.js
+++ b/webapp/src/index.js
@@ -3,7 +3,6 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
-import { ChakraProvider } from '@chakra-ui/react'
 
 
 const root = ReactDOM.createRoot(document.getElementById('root'));