From 05f10fd80b7bc8150dda4330babde7ebd2d5c2f8 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Thu, 25 Sep 2025 20:23:33 +0300
Subject: [PATCH] feat: added pin/unpin to the game card in profile

---
 .../user-library-game-card.tsx                | 31 ++++++++++++-------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/renderer/src/pages/profile/profile-content/user-library-game-card.tsx b/src/renderer/src/pages/profile/profile-content/user-library-game-card.tsx
index ca31b5de..8436b5d6 100644
--- a/src/renderer/src/pages/profile/profile-content/user-library-game-card.tsx
+++ b/src/renderer/src/pages/profile/profile-content/user-library-game-card.tsx
@@ -35,7 +35,8 @@ export function UserLibraryGameCard({
   onMouseEnter,
   onMouseLeave,
 }: UserLibraryGameCardProps) {
-  const { userProfile, isMe, getUserLibraryGames } = useContext(userProfileContext);
+  const { userProfile, isMe, getUserLibraryGames } =
+    useContext(userProfileContext);
   const { t } = useTranslation("user_profile");
   const { t: tGame } = useTranslation("game_details");
   const { numberFormatter } = useFormat();
@@ -99,18 +100,22 @@ export function UserLibraryGameCard({
 
     try {
       if (game.isPinned) {
-        await window.electron.removeGameFromPinned(game.shop, game.objectId).then(() => {
-          showSuccessToast(tGame("game_removed_from_pinned"));
-        });
+        await window.electron
+          .removeGameFromPinned(game.shop, game.objectId)
+          .then(() => {
+            showSuccessToast(tGame("game_removed_from_pinned"));
+          });
       } else {
-        await window.electron.addGameToPinned(game.shop, game.objectId).then(() => {
-          showSuccessToast(tGame("game_added_to_pinned"));
-        });
+        await window.electron
+          .addGameToPinned(game.shop, game.objectId)
+          .then(() => {
+            showSuccessToast(tGame("game_added_to_pinned"));
+          });
       }
-      
+
       // Add a small delay to allow server synchronization before refreshing
-      await new Promise(resolve => setTimeout(resolve, 1000));
-      
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+
       // Refresh the library games to update the UI
       await getUserLibraryGames();
     } finally {
@@ -149,7 +154,11 @@ export function UserLibraryGameCard({
                     }}
                     disabled={isPinning}
                   >
-                    {game.isPinned ? <PinSlashIcon size={12} /> : <PinIcon size={12} />}
+                    {game.isPinned ? (
+                      <PinSlashIcon size={12} />
+                    ) : (
+                      <PinIcon size={12} />
+                    )}
                   </button>
                 )}
               </div>