From c8fa8f99d24ba785191a31d5cbc9a61432c21828 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 12 Jun 2024 23:21:30 -0300
Subject: [PATCH] fix warnings

---
 .../src/pages/profile/profile-content.tsx     | 19 +++++++------------
 src/renderer/src/pages/profile/profile.tsx    |  2 +-
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/renderer/src/pages/profile/profile-content.tsx b/src/renderer/src/pages/profile/profile-content.tsx
index 20171400..e8081b7f 100644
--- a/src/renderer/src/pages/profile/profile-content.tsx
+++ b/src/renderer/src/pages/profile/profile-content.tsx
@@ -1,5 +1,4 @@
 import { UserProfile } from "@types";
-import { useTranslation } from "react-i18next";
 import * as styles from "./profile.css";
 import { SPACING_UNIT, vars } from "@renderer/theme.css";
 
@@ -8,9 +7,6 @@ export interface ProfileContentProps {
 }
 
 export const ProfileContent = ({ userProfile }: ProfileContentProps) => {
-  const { t } = useTranslation("profile");
-
-  console.log(userProfile.recentGames);
   return (
     <>
       <section className={styles.profileContentBox}>
@@ -22,7 +18,6 @@ export const ProfileContent = ({ userProfile }: ProfileContentProps) => {
 
         <div className={styles.profileInformation}>
           <h3 style={{ fontWeight: "bold" }}>{userProfile.username}</h3>
-          <p style={{ fontSize: 12 }}>Jogando ABC</p>
         </div>
       </section>
 
@@ -55,15 +50,15 @@ export const ProfileContent = ({ userProfile }: ProfileContentProps) => {
           >
             {userProfile.recentGames.map((game) => {
               return (
-                <>
+                <div key={game.objectID}>
                   <img
                     src={game.cover}
                     width={50}
                     height={50}
                     alt={"Icon for " + game.title}
                   />
-                  <p key={game.objectID}>{game.title}</p>
-                </>
+                  <p>{game.title}</p>
+                </div>
               );
             })}
           </div>
@@ -94,17 +89,17 @@ export const ProfileContent = ({ userProfile }: ProfileContentProps) => {
             className={styles.profileContentBox}
             style={{ flexDirection: "column" }}
           >
-            {userProfile.libraryGames.map((game) => {
+            {userProfile.libraryGames.map((game, index) => {
               return (
-                <>
+                <div key={game.objectID}>
                   <img
                     src={game.cover}
                     width={50}
                     height={50}
                     alt={"Icon for " + game.title}
                   />
-                  <p key={game.objectID}>{game.title}</p>
-                </>
+                  <p>{game.title}</p>
+                </div>
               );
             })}
           </div>
diff --git a/src/renderer/src/pages/profile/profile.tsx b/src/renderer/src/pages/profile/profile.tsx
index 97868c84..c12226b9 100644
--- a/src/renderer/src/pages/profile/profile.tsx
+++ b/src/renderer/src/pages/profile/profile.tsx
@@ -22,7 +22,7 @@ export const Profile = () => {
         setUserProfile(userProfile);
       }
     });
-  }, [dispatch]);
+  }, [dispatch, username]);
 
   return (
     <SkeletonTheme baseColor={vars.color.background} highlightColor="#444">