feat: optimize achievement and debrid request

src/main/services/achievements/get-game-achievement-data.ts

@@ -16,6 +16,13 @@ export const getGameAchievementData = async (
   if (cachedAchievements && useCachedData)
     return cachedAchievements.achievements;
 
+  if (
+    cachedAchievements &&
+    Date.now() < (cachedAchievements.cacheExpiresTimestamp ?? 0)
+  ) {
+    return cachedAchievements.achievements;
+  }
+
   const language = await db
     .get<string, string>(levelKeys.language, {
       valueEncoding: "utf-8",
@@ -31,6 +38,7 @@ export const getGameAchievementData = async (
       await gameAchievementsSublevel.put(levelKeys.game(shop, objectId), {
         unlockedAchievements: cachedAchievements?.unlockedAchievements ?? [],
         achievements,
+        cacheExpiresTimestamp: Date.now() + 1000 * 60 * 10, // 10 minutes
       });
 
       return achievements;

src/main/services/achievements/merge-achievements.ts

@@ -26,6 +26,7 @@ const saveAchievementsOnLocal = async (
       await gameAchievementsSublevel.put(levelKey, {
         achievements: gameAchievement?.achievements ?? [],
         unlockedAchievements: unlockedAchievements,
+        cacheExpiresTimestamp: gameAchievement?.cacheExpiresTimestamp,
       });
 
       if (!sendUpdateEvent) return;

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

@@ -86,7 +86,10 @@ export function GameDetailsContextProvider({
   const [showGameOptionsModal, setShowGameOptionsModal] = useState(false);
 
   const { getRepacksForObjectId } = useRepacks();
-  const repacks = getRepacksForObjectId(objectId);
+
+  const repacks = useMemo(() => {
+    return getRepacksForObjectId(objectId);
+  }, [getRepacksForObjectId, objectId]);
 
   const { i18n } = useTranslation("game_details");
 

src/renderer/src/dexie.ts

@@ -10,15 +10,6 @@ export interface HowLongToBeatEntry {
   updatedAt: Date;
 }
 
-export interface CatalogueCache {
-  id?: number;
-  category: string;
-  games: { objectId: string; shop: GameShop }[];
-  createdAt: Date;
-  updatedAt: Date;
-  expiresAt: Date;
-}
-
 export const db = new Dexie("Hydra");
 
 db.version(9).stores({

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

@@ -122,8 +122,8 @@ export function Sidebar() {
             <h3>{t("sign_in_to_see_achievements")}</h3>
           </div>
           <ul className="list achievements-placeholder__blur">
-            {achievementsPlaceholder.map((achievement, index) => (
+            {achievementsPlaceholder.map((achievement) => (
-              <li key={index}>
+              <li key={achievement.name}>
                 <div className="list__item">
                   <img
                     className={`list__item-image achievements-placeholder__blur ${

src/types/level.types.ts

@@ -67,6 +67,7 @@ export interface Download {
 export interface GameAchievement {
   achievements: SteamAchievement[];
   unlockedAchievements: UnlockedAchievement[];
+  cacheExpiresTimestamp: number | undefined;
 }
 
 export interface UserPreferences {