added proper image saving for custom games + edited game settings to hide buttons if game is custom

src/renderer/src/declaration.d.ts

@@ -126,6 +126,11 @@ declare global {
       logoImageUrl?: string,
       libraryHeroImageUrl?: string
     ) => Promise<Game>;
+    copyCustomGameAsset: (
+      sourcePath: string,
+      assetType: "icon" | "logo" | "hero"
+    ) => Promise<string>;
+    cleanupUnusedAssets: () => Promise<{ deletedCount: number; errors: string[] }>;
     updateGameCustomAssets: (
       shop: GameShop,
       objectId: string,

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

@@ -77,13 +77,10 @@ export function GameDetailsContent() {
           shopDetails?.assets?.libraryHeroImageUrl
         );
 
-    const output = await average(
-      heroImageUrl,
-      {
-        amount: 1,
-        format: "hex",
-      }
-    );
+    const output = await average(heroImageUrl, {
+      amount: 1,
+      format: "hex",
+    });
 
     const backgroundColor = output
       ? new Color(output).darken(0.7).toString()

src/renderer/src/pages/game-details/modals/edit-game-modal.tsx

@@ -82,7 +82,18 @@ export function EditGameModal({
     });
 
     if (filePaths && filePaths.length > 0) {
-      setIconPath(filePaths[0]);
+      try {
+        // Copy the asset to the app's assets folder
+        const copiedAssetUrl = await window.electron.copyCustomGameAsset(
+          filePaths[0],
+          "icon"
+        );
+        setIconPath(copiedAssetUrl.replace("local:", ""));
+      } catch (error) {
+        console.error("Failed to copy icon asset:", error);
+        // Fallback to original behavior
+        setIconPath(filePaths[0]);
+      }
     }
   };
 
@@ -98,7 +109,18 @@ export function EditGameModal({
     });
 
     if (filePaths && filePaths.length > 0) {
-      setLogoPath(filePaths[0]);
+      try {
+        // Copy the asset to the app's assets folder
+        const copiedAssetUrl = await window.electron.copyCustomGameAsset(
+          filePaths[0],
+          "logo"
+        );
+        setLogoPath(copiedAssetUrl.replace("local:", ""));
+      } catch (error) {
+        console.error("Failed to copy logo asset:", error);
+        // Fallback to original behavior
+        setLogoPath(filePaths[0]);
+      }
     }
   };
 
@@ -114,7 +136,18 @@ export function EditGameModal({
     });
 
     if (filePaths && filePaths.length > 0) {
-      setHeroPath(filePaths[0]);
+      try {
+        // Copy the asset to the app's assets folder
+        const copiedAssetUrl = await window.electron.copyCustomGameAsset(
+          filePaths[0],
+          "hero"
+        );
+        setHeroPath(copiedAssetUrl.replace("local:", ""));
+      } catch (error) {
+        console.error("Failed to copy hero asset:", error);
+        // Fallback to original behavior
+        setHeroPath(filePaths[0]);
+      }
     }
   };
 

src/renderer/src/pages/game-details/modals/game-options-modal.tsx

@@ -353,14 +353,16 @@ export function GameOptionsModal({
                   >
                     {t("create_shortcut")}
                   </Button>
-                  <Button
-                    onClick={handleCreateSteamShortcut}
-                    theme="outline"
-                    disabled={creatingSteamShortcut}
-                  >
-                    <SteamLogo />
-                    {t("create_steam_shortcut")}
-                  </Button>
+                  {game.shop !== "custom" && (
+                    <Button
+                      onClick={handleCreateSteamShortcut}
+                      theme="outline"
+                      disabled={creatingSteamShortcut}
+                    >
+                      <SteamLogo />
+                      {t("create_steam_shortcut")}
+                    </Button>
+                  )}
                   {shouldShowCreateStartMenuShortcut && (
                     <Button
                       onClick={() => handleCreateShortcut("start_menu")}
@@ -374,19 +376,21 @@ export function GameOptionsModal({
             </div>
           </div>
 
-          <CheckboxField
-            label={
-              <div className="game-options-modal__cloud-sync-label">
-                {t("enable_automatic_cloud_sync")}
-                <span className="game-options-modal__cloud-sync-hydra-cloud">
-                  Hydra Cloud
-                </span>
-              </div>
-            }
-            checked={automaticCloudSync}
-            disabled={!hasActiveSubscription || !game.executablePath}
-            onChange={handleToggleAutomaticCloudSync}
-          />
+          {game.shop !== "custom" && (
+            <CheckboxField
+              label={
+                <div className="game-options-modal__cloud-sync-label">
+                  {t("enable_automatic_cloud_sync")}
+                  <span className="game-options-modal__cloud-sync-hydra-cloud">
+                    Hydra Cloud
+                  </span>
+                </div>
+              }
+              checked={automaticCloudSync}
+              disabled={!hasActiveSubscription || !game.executablePath}
+              onChange={handleToggleAutomaticCloudSync}
+            />
+          )}
 
           {shouldShowWinePrefixConfiguration && (
             <div className="game-options-modal__wine-prefix">
@@ -448,33 +452,35 @@ export function GameOptionsModal({
             />
           </div>
 
-          <div className="game-options-modal__downloads">
-            <div className="game-options-modal__header">
-              <h2>{t("downloads_section_title")}</h2>
-              <h4 className="game-options-modal__header-description">
-                {t("downloads_section_description")}
-              </h4>
-            </div>
+          {game.shop !== "custom" && (
+            <div className="game-options-modal__downloads">
+              <div className="game-options-modal__header">
+                <h2>{t("downloads_section_title")}</h2>
+                <h4 className="game-options-modal__header-description">
+                  {t("downloads_section_description")}
+                </h4>
+              </div>
 
-            <div className="game-options-modal__row">
-              <Button
-                onClick={() => setShowRepacksModal(true)}
-                theme="outline"
-                disabled={deleting || isGameDownloading || !repacks.length}
-              >
-                {t("open_download_options")}
-              </Button>
-              {game.download?.downloadPath && (
+              <div className="game-options-modal__row">
                 <Button
-                  onClick={handleOpenDownloadFolder}
+                  onClick={() => setShowRepacksModal(true)}
                   theme="outline"
-                  disabled={deleting}
+                  disabled={deleting || isGameDownloading || !repacks.length}
                 >
-                  {t("open_download_location")}
+                  {t("open_download_options")}
                 </Button>
-              )}
+                {game.download?.downloadPath && (
+                  <Button
+                    onClick={handleOpenDownloadFolder}
+                    theme="outline"
+                    disabled={deleting}
+                  >
+                    {t("open_download_location")}
+                  </Button>
+                )}
+              </div>
             </div>
-          </div>
+          )}
 
           <div className="game-options-modal__danger-zone">
             <div className="game-options-modal__header">
@@ -493,18 +499,20 @@ export function GameOptionsModal({
                 {t("remove_from_library")}
               </Button>
 
-              <Button
-                onClick={() => setShowResetAchievementsModal(true)}
-                theme="danger"
-                disabled={
-                  deleting ||
-                  isDeletingAchievements ||
-                  !hasAchievements ||
-                  !userDetails
-                }
-              >
-                {t("reset_achievements")}
-              </Button>
+              {game.shop !== "custom" && (
+                <Button
+                  onClick={() => setShowResetAchievementsModal(true)}
+                  theme="danger"
+                  disabled={
+                    deleting ||
+                    isDeletingAchievements ||
+                    !hasAchievements ||
+                    !userDetails
+                  }
+                >
+                  {t("reset_achievements")}
+                </Button>
+              )}
 
               <Button
                 onClick={() => setShowChangePlaytimeModal(true)}
@@ -513,17 +521,19 @@ export function GameOptionsModal({
                 {t("update_game_playtime")}
               </Button>
 
-              <Button
-                onClick={() => {
-                  setShowDeleteModal(true);
-                }}
-                theme="danger"
-                disabled={
-                  isGameDownloading || deleting || !game.download?.downloadPath
-                }
-              >
-                {t("remove_files")}
-              </Button>
+              {game.shop !== "custom" && (
+                <Button
+                  onClick={() => {
+                    setShowDeleteModal(true);
+                  }}
+                  theme="danger"
+                  disabled={
+                    isGameDownloading || deleting || !game.download?.downloadPath
+                  }
+                >
+                  {t("remove_files")}
+                </Button>
+              )}
             </div>
           </div>
         </div>