Añadido historial de partidas recientes en el perfil del usuario

gatewayservice/gateway-service.js

@@ -68,6 +68,21 @@ app.get("/userInfo", async (req, res) => {
   }
 });
 
+app.post("/saveGameList", async (req, res) => {
+  try {
+    // Forward the save game request to the stats service
+    const gameResponse = await axios.post(
+      userServiceUrl + "/saveGameList",
+      req.body
+    );
+    res.json(gameResponse.data);
+  } catch (error) {
+    res
+      .status(error.response.status)
+      .json({ error: error.response.data.error });
+  }
+});
+
 app.get("/questions", async (req, res) => {
   try {
     // Forward the question request to the question service

users/userservice/user-model.js

@@ -14,6 +14,7 @@ const userSchema = new mongoose.Schema({
       default: Date.now, 
     },
     games: [{
+      gamemode: String,
       correctAnswers: Number,
       incorrectAnswers: Number,
       points: Number,

users/userservice/user-service.js

@@ -54,6 +54,28 @@ app.get('/userInfo', async (req, res) => {
           res.status(400).json({ error: error.message }); 
       }});
 
+app.post("/saveGameList", async (req, res) => {
+  try {
+    const username = req.body.username;
+    const gamemode = req.body.gameMode;
+    const gameData = req.body.gameData;
+
+      let user = await User.findOne({ username: username });
+
+      if (!user) {
+        return res.status(404).json({ error: "Usuario no encontrado" });
+      }
+      const gameDataWithGamemode = { ...gameData, gamemode };
+      user.games.push(gameDataWithGamemode);
+
+      await user.save();
+
+      res.json({ message: "Partida guardada exitosamente" });
+  } catch (error) {
+    res.status(400).json({ error: "Error al guardar partida en la lista: " + error.message });
+  }
+});
+
 const server = app.listen(port, () => {
   console.log(`User Service listening at http://localhost:${port}`);
 });

webapp/src/pages/Bateria/Bateria.js

@@ -87,6 +87,12 @@ const JuegoPreguntas = () => {
     } catch (error) {
       console.error('Error al guardar el juego:', error);
     }
+    try {
+      const response = await axios.post(URL + "/saveGameList", newGame);
+      console.log("Solicitud exitosa:", response.data);
+    } catch (error) {
+      console.error("Error al guardar el juego:", error);
+    }
   }
 
   useEffect(() => {

webapp/src/pages/Clasico/Clasico.js

@@ -170,6 +170,12 @@ const JuegoPreguntas = () => {
       },
     };
 
+    try {
+      const response = await axios.post(URL + "/saveGameList", newGame);
+      console.log("Solicitud exitosa:", response.data);
+    } catch (error) {
+      console.error("Error al guardar el juego en la lista de partidas:", error);
+    }
     try {
       const response = await axios.post(URL + "/saveGame", newGame);
       console.log("Solicitud exitosa:", response.data);

webapp/src/pages/Perfil/Perfil.js

@@ -1,5 +1,7 @@
-import { Box, VStack, Heading, Text, Center, Spinner } from "@chakra-ui/react";
+import { Box, VStack, Heading, Text, Center, Spinner, Table, Thead, Tbody, Tr, Th, Td } from "@chakra-ui/react";
 import React, { useEffect, useState } from "react";
+import Nav from "../../components/Nav/Nav.js";
+import Footer from "../../components/Footer/Footer.js";
 import axios from "axios";
 
 const Perfil = () => {
@@ -24,6 +26,8 @@ const Perfil = () => {
   }, []);
 
   return (
+    <>
+    <Nav/>
     <Center py={8}>
       <Box w="xl" borderWidth="1px" borderRadius="lg" overflow="hidden" boxShadow="lg">
         <VStack p={8} align="start" spacing={6}>
@@ -43,12 +47,44 @@ const Perfil = () => {
                 <strong>Fecha de creación de la cuenta:</strong>{" "}
                 {new Date(userData.createdAt).toLocaleString()}
               </Text>
+              <Heading as="h2" size="md">
+                Partidas Recientes
+              </Heading>
+              {userData.games.length > 0 ? (
+                <Table variant="simple">
+                  <Thead>
+                    <Tr>
+                      <Th>Modo de Juego</Th>
+                      <Th>Respuestas Correctas</Th>
+                      <Th>Respuestas Incorrectas</Th>
+                      <Th>Puntos</Th>
+                      <Th>Tiempo Promedio</Th>
+                    </Tr>
+                  </Thead>
+                  <Tbody>
+                    {userData.games.slice(0, 10).map((game, index) => (
+                      <Tr key={index}>
+                        <Td>{game.gamemode}</Td>
+                        <Td>{game.correctAnswers}</Td>
+                        <Td>{game.incorrectAnswers}</Td>
+                        <Td>{game.points}</Td>
+                        <Td>{game.avgTime} segundos</Td>
+                      </Tr>
+                    ))}
+                  </Tbody>
+                </Table>
+              ) : (
+                <Text>No hay partidas recientes.</Text>
+              )}
             </>
           )}
         </VStack>
       </Box>
     </Center>
+    <Footer/>
+    </>
   );
 };
 
 export default Perfil;
+

webapp/src/pages/Stats/Stats.js

@@ -91,7 +91,6 @@ const Stats = () => {
     <>
     <Nav />
     <div>
-      <Heading as="h2"><em>Estadísticas de Usuario  - Modo {getModeName()}</em></Heading>
       <label htmlFor="usernameInput"> <strong>Nombre de Usuario: </strong></label>
       <Input
             type="text"