feat: refactor

src/renderer/src/context/game-details/game-details.context.tsx

@@ -12,11 +12,11 @@ import { useAppDispatch, useAppSelector, useDownload } from "@renderer/hooks";
 
 import type {
   Game,
-  GameAchievement,
   GameRepack,
   GameShop,
   GameStats,
   ShopDetails,
+  UserAchievement,
 } from "@types";
 
 import { useTranslation } from "react-i18next";
@@ -64,7 +64,7 @@ export function GameDetailsContextProvider({
   shop,
 }: GameDetailsContextProps) {
   const [shopDetails, setShopDetails] = useState<ShopDetails | null>(null);
-  const [achievements, setAchievements] = useState<GameAchievement[]>([]);
+  const [achievements, setAchievements] = useState<UserAchievement[]>([]);
   const [game, setGame] = useState<Game | null>(null);
   const [hasNSFWContentBlocked, setHasNSFWContentBlocked] = useState(false);
 

src/renderer/src/context/game-details/game-details.context.types.ts

@@ -1,10 +1,10 @@
 import type {
   Game,
-  GameAchievement,
   GameRepack,
   GameShop,
   GameStats,
   ShopDetails,
+  UserAchievement,
 } from "@types";
 
 export interface GameDetailsContext {
@@ -20,7 +20,7 @@ export interface GameDetailsContext {
   showRepacksModal: boolean;
   showGameOptionsModal: boolean;
   stats: GameStats | null;
-  achievements: GameAchievement[];
+  achievements: UserAchievement[];
   hasNSFWContentBlocked: boolean;
   setGameColor: React.Dispatch<React.SetStateAction<string>>;
   selectGameExecutable: () => Promise<string | null>;

src/renderer/src/declaration.d.ts

@@ -28,6 +28,7 @@ import type {
   GameAchievement,
   GameArtifact,
   LudusaviBackup,
+  UserAchievement,
 } from "@types";
 import type { AxiosProgressEvent } from "axios";
 import type { DiskSpace } from "check-disk-space";
@@ -68,7 +69,7 @@ declare global {
       objectId: string,
       shop: GameShop,
       userId?: string
-    ) => Promise<GameAchievement[]>;
+    ) => Promise<UserAchievement[]>;
     onAchievementUnlocked: (
       cb: (
         objectId: string,

src/renderer/src/pages/achievement/achievements.tsx

@@ -1,7 +1,7 @@
 import { setHeaderTitle } from "@renderer/features";
 import { useAppDispatch, useDate } from "@renderer/hooks";
 import { steamUrlBuilder } from "@shared";
-import type { GameAchievement, GameShop } from "@types";
+import type { GameShop, UserAchievement } from "@types";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useSearchParams } from "react-router-dom";
@@ -28,7 +28,7 @@ export function Achievement() {
 
   const dispatch = useAppDispatch();
 
-  const [achievements, setAchievements] = useState<GameAchievement[]>([]);
+  const [achievements, setAchievements] = useState<UserAchievement[]>([]);
 
   useEffect(() => {
     if (objectId && shop) {
@@ -130,9 +130,7 @@ export function Achievement() {
               className={styles.listItemImage({
                 unlocked: achievement.unlocked,
               })}
-              src={
-                achievement.unlocked ? achievement.icon : achievement.icongray
-              }
+              src={achievement.icon}
               alt={achievement.displayName}
               loading="lazy"
             />

src/renderer/src/pages/game-details/sidebar/sidebar.tsx

@@ -91,11 +91,7 @@ export function Sidebar() {
                     className={styles.listItemImage({
                       unlocked: achievement.unlocked,
                     })}
-                    src={
-                      achievement.unlocked
-                        ? achievement.icon
-                        : achievement.icongray
-                    }
+                    src={achievement.icon}
                     alt={achievement.displayName}
                     loading="lazy"
                   />