From 501fd47e934bba970058ec2529a901089052e0e8 Mon Sep 17 00:00:00 2001
From: CANCI0 <martinlol831@gmail.com>
Date: Thu, 25 Apr 2024 18:25:53 +0200
Subject: [PATCH] =?UTF-8?q?M=C3=A1s=20issues=20de=20sonar=20eliminados?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webapp/src/pages/History/History.js     | 4 +---
 webapp/src/pages/Ranking/Ranking.js     | 2 +-
 webapp/src/pages/Sobre/Sobre.js         | 2 +-
 webapp/src/pages/Social/GroupDetails.js | 3 +--
 4 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/webapp/src/pages/History/History.js b/webapp/src/pages/History/History.js
index dad62038..01c0fe83 100644
--- a/webapp/src/pages/History/History.js
+++ b/webapp/src/pages/History/History.js
@@ -82,7 +82,6 @@ const History = () => {
               {userData.games &&
                 userData.games.map((game, index) => (
                   <Box
-                    key={index}
                     p={6}
                     borderWidth="1px"
                     width={{ base: "90%", lg: "50%" }}
@@ -95,7 +94,7 @@ const History = () => {
                     <Divider margin={"1rem 0"} /> 
                     <Flex overflowX={"scroll"} scrollSnapType={"x mandatory"}>
                       {game.questions.map((question, index) => (
-                        <Box scrollSnapAlign={"start"} key={index} minWidth={"100%"} p={"1rem"}>
+                        <Box scrollSnapAlign={"start"} minWidth={"100%"} p={"1rem"}>
                           <Heading as="h2" mb={4}>
                             {t("pages.wisebattery.question")} {index + 1}
                           </Heading>
@@ -103,7 +102,6 @@ const History = () => {
                           <Grid templateColumns="repeat(2, 1fr)" gap={4} mt={4}>
                             {question.respuestas.map((respuesta, index) => (
                               <Button
-                                key={index}
                                 whiteSpace={"normal"}
                                 padding={"1rem"}
                                 height={"fit-content"}
diff --git a/webapp/src/pages/Ranking/Ranking.js b/webapp/src/pages/Ranking/Ranking.js
index 953008e9..9605193e 100644
--- a/webapp/src/pages/Ranking/Ranking.js
+++ b/webapp/src/pages/Ranking/Ranking.js
@@ -130,7 +130,7 @@ const Ranking = () => {
           if (gamemode === "calculadora" && option.value === "ratioCorrect") {
             return null;
           }
-          return <option key={option.value} value={option.value}>{option.label}</option>;
+          return <option value={option.value}>{option.label}</option>;
         })}
       </Select>
       <Button
diff --git a/webapp/src/pages/Sobre/Sobre.js b/webapp/src/pages/Sobre/Sobre.js
index 2198fb5d..277b055f 100644
--- a/webapp/src/pages/Sobre/Sobre.js
+++ b/webapp/src/pages/Sobre/Sobre.js
@@ -43,7 +43,7 @@ const Sobre = () => {
           </Thead>
           <Tbody>
             {designers.map((designer, index) => (
-              <Tr key={index}>
+              <Tr>
                 <Td>
                   <Flex flexDirection="column" alignItems="center">
                     <Avatar
diff --git a/webapp/src/pages/Social/GroupDetails.js b/webapp/src/pages/Social/GroupDetails.js
index 6fe53210..91acc6ee 100644
--- a/webapp/src/pages/Social/GroupDetails.js
+++ b/webapp/src/pages/Social/GroupDetails.js
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { useParams } from "react-router-dom";
+import { useParams, useNavigate } from "react-router-dom";
 import {
   Container,
   Box,
@@ -19,7 +19,6 @@ import Nav from "../../components/Nav/Nav.js";
 import Footer from "../../components/Footer/Footer.js";
 import { useTranslation } from "react-i18next";
 import Perfil from "../../components/Profile/Profile.js";
-import { useNavigate } from "react-router-dom";
 
 
 const GroupDetails = () => {