From 94bd691209c7cd42bbc3d6a5c6533c18d93f321a Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Thu, 25 Jul 2024 19:12:14 -0300
Subject: [PATCH] fet: show only received friends request on sidebar icon

---
 .../src/components/sidebar/sidebar-profile.tsx    | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/components/sidebar/sidebar-profile.tsx b/src/renderer/src/components/sidebar/sidebar-profile.tsx
index 3ff598f7..b16c2c28 100644
--- a/src/renderer/src/components/sidebar/sidebar-profile.tsx
+++ b/src/renderer/src/components/sidebar/sidebar-profile.tsx
@@ -3,10 +3,11 @@ import { PersonAddIcon, PersonIcon } from "@primer/octicons-react";
 import * as styles from "./sidebar-profile.css";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useAppSelector, useUserDetails } from "@renderer/hooks";
-import { useMemo } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { profileContainerBackground } from "./sidebar-profile.css";
 import { UserFriendModalTab } from "@renderer/pages/shared-modals/user-friend-modal";
+import { FriendRequest } from "@types";
 
 export function SidebarProfile() {
   const navigate = useNavigate();
@@ -16,6 +17,14 @@ export function SidebarProfile() {
   const { userDetails, profileBackground, friendRequests, showFriendsModal } =
     useUserDetails();
 
+  const [receivedRequests, setReceivedRequests] = useState<FriendRequest[]>([]);
+
+  useEffect(() => {
+    setReceivedRequests(
+      receivedRequests.filter((request) => request.type === "RECEIVED")
+    );
+  }, [friendRequests]);
+
   const { gameRunning } = useAppSelector((state) => state.gameRunning);
 
   const handleButtonClick = () => {
@@ -79,7 +88,7 @@ export function SidebarProfile() {
           )}
         </div>
       </button>
-      {userDetails && friendRequests.length > 0 && !gameRunning && (
+      {userDetails && receivedRequests.length > 0 && !gameRunning && (
         <div className={styles.friendRequestContainer}>
           <button
             type="button"
@@ -89,7 +98,7 @@ export function SidebarProfile() {
             }
           >
             <PersonAddIcon size={24} />
-            {friendRequests.length}
+            {receivedRequests.length}
           </button>
         </div>
       )}