From fc764af05f7a4d785f80053508f97deffa3410c9 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Fri, 12 Dec 2025 17:45:18 +0200
Subject: [PATCH] refactor(download-group): improve button structure and
 maintain translations for download actions

---
 src/main/services/decky-plugin.ts             |  8 ++--
 .../src/pages/downloads/download-group.tsx    | 48 +++++++++----------
 2 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/main/services/decky-plugin.ts b/src/main/services/decky-plugin.ts
index cb8999c3..cedc3b51 100644
--- a/src/main/services/decky-plugin.ts
+++ b/src/main/services/decky-plugin.ts
@@ -76,14 +76,14 @@ export class DeckyPlugin {
 
     try {
       await SevenZip.extractFile({
-        filePath: zipPath,
-        outputPath: extractPath,
+          filePath: zipPath,
+          outputPath: extractPath,
       });
-      logger.log(`Plugin extracted to: ${extractPath}`);
+          logger.log(`Plugin extracted to: ${extractPath}`);
       return extractPath;
     } catch {
       throw new Error("Failed to extract plugin");
-    }
+        }
   }
 
   private static needsSudo(): boolean {
diff --git a/src/renderer/src/pages/downloads/download-group.tsx b/src/renderer/src/pages/downloads/download-group.tsx
index 52fbcdfd..66855bcf 100644
--- a/src/renderer/src/pages/downloads/download-group.tsx
+++ b/src/renderer/src/pages/downloads/download-group.tsx
@@ -331,35 +331,35 @@ function HeroDownloadView({
               </div>
             </div>
             {!isGameExtracting && (
-              <div className="download-group__hero-buttons">
-                {isGameDownloading ? (
-                  <button
-                    type="button"
-                    onClick={() => pauseDownload(game.shop, game.objectId)}
-                    className="download-group__glass-btn"
-                  >
-                    <ColumnsIcon size={14} />
-                    {t("pause")}
-                  </button>
-                ) : (
-                  <button
-                    type="button"
-                    onClick={() => resumeDownload(game.shop, game.objectId)}
-                    className="download-group__glass-btn"
-                  >
-                    <PlayIcon size={14} />
-                    {t("resume")}
-                  </button>
-                )}
+            <div className="download-group__hero-buttons">
+              {isGameDownloading ? (
                 <button
                   type="button"
-                  onClick={() => cancelDownload(game.shop, game.objectId)}
+                  onClick={() => pauseDownload(game.shop, game.objectId)}
                   className="download-group__glass-btn"
                 >
-                  <XCircleIcon size={14} />
-                  {t("cancel")}
+                  <ColumnsIcon size={14} />
+                  {t("pause")}
                 </button>
-              </div>
+              ) : (
+                <button
+                  type="button"
+                  onClick={() => resumeDownload(game.shop, game.objectId)}
+                  className="download-group__glass-btn"
+                >
+                  <PlayIcon size={14} />
+                  {t("resume")}
+                </button>
+              )}
+              <button
+                type="button"
+                onClick={() => cancelDownload(game.shop, game.objectId)}
+                className="download-group__glass-btn"
+              >
+                <XCircleIcon size={14} />
+                {t("cancel")}
+              </button>
+            </div>
             )}
           </div>
         </div>