From 163b17324ec3786ad88d7c0736286ca00055c719 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Fri, 7 Jun 2024 18:55:03 -0300
Subject: [PATCH 1/9] set executable as null on remove game from library

---
 src/locales/pt/translation.json                     | 2 +-
 src/main/events/library/remove-game-from-library.ts | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/locales/pt/translation.json b/src/locales/pt/translation.json
index 9b34e09d..ee404e9f 100644
--- a/src/locales/pt/translation.json
+++ b/src/locales/pt/translation.json
@@ -104,7 +104,7 @@
     "open_download_location": "Abrir local de download",
     "create_shortcut": "Criar atalho",
     "remove_files": "Remover arquivos",
-    "remove_from_library_description": "Tem certeza que deseja remover {{game}} da sua biblioteca?",
+    "remove_from_library_description": "Isso irá remover {{game}} da sua biblioteca",
     "remove_from_library_title": "Tem certeza?"
   },
   "activation": {
diff --git a/src/main/events/library/remove-game-from-library.ts b/src/main/events/library/remove-game-from-library.ts
index 2581a555..29a7a635 100644
--- a/src/main/events/library/remove-game-from-library.ts
+++ b/src/main/events/library/remove-game-from-library.ts
@@ -5,7 +5,10 @@ const removeGameFromLibrary = async (
   _event: Electron.IpcMainInvokeEvent,
   gameId: number
 ) => {
-  gameRepository.update({ id: gameId }, { isDeleted: true });
+  gameRepository.update(
+    { id: gameId },
+    { isDeleted: true, executablePath: null }
+  );
 };
 
 registerEvent("removeGameFromLibrary", removeGameFromLibrary);

From 9eef445b1a18e12d411ce5c31dc45d4b9d12eb0a Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Fri, 7 Jun 2024 23:37:03 -0300
Subject: [PATCH 2/9] trying better ui on modal #1

---
 .../modals/game-options-modal.tsx             | 45 +++++++++++--------
 1 file changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
index 145e262c..64732571 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -93,14 +93,8 @@ export function GameOptionsModal({
         />
 
         <div className={styles.optionsContainer}>
+          <h2>Arquivos baixados</h2>
           <div className={styles.gameOptionRow}>
-            <Button
-              onClick={openRepacksModal}
-              theme="outline"
-              disabled={deleting}
-            >
-              {t("open_download_options")}
-            </Button>
             <Button
               onClick={handleOpenDownloadFolder}
               style={{ alignSelf: "flex-end" }}
@@ -109,18 +103,23 @@ export function GameOptionsModal({
             >
               {t("open_download_location")}
             </Button>
+
             <Button
-              onClick={handleCreateShortcut}
+              onClick={() => {
+                setShowDeleteModal(true);
+              }}
               style={{ alignSelf: "flex-end" }}
               theme="outline"
-              disabled={deleting || !game.executablePath}
+              disabled={isGameDownloading || deleting || !game.downloadPath}
             >
-              {t("create_shortcut")}
+              <TrashIcon />
+              {t("remove_files")}
             </Button>
           </div>
+
+          <h2>Executável</h2>
           <div className={styles.gameOptionRow}>
             <TextField
-              label="Caminho do executável"
               value={game.executablePath || ""}
               readOnly
               theme="dark"
@@ -145,19 +144,29 @@ export function GameOptionsModal({
               {t("open_folder")}
             </Button>
           </div>
+
           <div className={styles.gameOptionRow}>
             <Button
-              onClick={() => {
-                setShowDeleteModal(true);
-              }}
+              onClick={handleCreateShortcut}
               style={{ alignSelf: "flex-end" }}
               theme="outline"
-              disabled={isGameDownloading || deleting || !game.downloadPath}
+              disabled={deleting || !game.executablePath}
             >
-              <TrashIcon />
-              {t("remove_files")}
+              {t("create_shortcut")}
             </Button>
-
+          </div>
+          <h2>Novo Download</h2>
+          <div className={styles.gameOptionRow}>
+            <Button
+              onClick={openRepacksModal}
+              theme="outline"
+              disabled={deleting}
+            >
+              {t("open_download_options")}
+            </Button>
+          </div>
+          <h2>Remover</h2>
+          <div className={styles.gameOptionRow}>
             <Button
               onClick={() => setShowRemoveGameModal(true)}
               style={{ alignSelf: "flex-end" }}

From d8446263eb11f272a7adcb96fb64e56d5e914fab Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 8 Jun 2024 00:11:08 -0300
Subject: [PATCH 3/9] better ui on modal

---
 .../modals/game-options-modal.css.ts          | 11 +++++
 .../modals/game-options-modal.tsx             | 49 ++++++++++++-------
 2 files changed, 43 insertions(+), 17 deletions(-)

diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.css.ts b/src/renderer/src/pages/game-details/modals/game-options-modal.css.ts
index a6a854df..b8c538f0 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.css.ts
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.css.ts
@@ -7,6 +7,17 @@ export const optionsContainer = style({
   flexDirection: "column",
 });
 
+export const gameOptionHeader = style({
+  display: "flex",
+  flexDirection: "column",
+  gap: `${SPACING_UNIT}px`,
+});
+
+export const gameOptionHeaderDescription = style({
+  fontFamily: "'Fira Sans', sans-serif",
+  fontWeight: "400",
+});
+
 export const gameOptionRow = style({
   display: "flex",
   gap: `${SPACING_UNIT}px`,
diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
index 64732571..e12a9834 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -93,7 +93,9 @@ export function GameOptionsModal({
         />
 
         <div className={styles.optionsContainer}>
-          <h2>Arquivos baixados</h2>
+          <div className={styles.gameOptionHeader}>
+            <h2>Arquivos baixados</h2>
+          </div>
           <div className={styles.gameOptionRow}>
             <Button
               onClick={handleOpenDownloadFolder}
@@ -103,21 +105,14 @@ export function GameOptionsModal({
             >
               {t("open_download_location")}
             </Button>
-
-            <Button
-              onClick={() => {
-                setShowDeleteModal(true);
-              }}
-              style={{ alignSelf: "flex-end" }}
-              theme="outline"
-              disabled={isGameDownloading || deleting || !game.downloadPath}
-            >
-              <TrashIcon />
-              {t("remove_files")}
-            </Button>
           </div>
 
-          <h2>Executável</h2>
+          <div className={styles.gameOptionHeader}>
+            <h2>Executável</h2>
+            <h4 className={styles.gameOptionHeaderDescription}>
+              O caminho do arquivo que sera executado ao clicar em "Jogar"
+            </h4>
+          </div>
           <div className={styles.gameOptionRow}>
             <TextField
               value={game.executablePath || ""}
@@ -155,7 +150,12 @@ export function GameOptionsModal({
               {t("create_shortcut")}
             </Button>
           </div>
-          <h2>Novo Download</h2>
+          <div className={styles.gameOptionHeader}>
+            <h2>Downloads</h2>
+            <h4 className={styles.gameOptionHeaderDescription}>
+              Confira atualizações ou versões diferentes para este mesmo título
+            </h4>
+          </div>
           <div className={styles.gameOptionRow}>
             <Button
               onClick={openRepacksModal}
@@ -165,7 +165,13 @@ export function GameOptionsModal({
               {t("open_download_options")}
             </Button>
           </div>
-          <h2>Remover</h2>
+          <div className={styles.gameOptionHeader}>
+            <h2>Zona de perigo</h2>
+            <h4 className={styles.gameOptionHeaderDescription}>
+              Remova o jogo da sua biblioteca ou os arquivos que foram baixados
+              pelo Hydra
+            </h4>
+          </div>
           <div className={styles.gameOptionRow}>
             <Button
               onClick={() => setShowRemoveGameModal(true)}
@@ -173,9 +179,18 @@ export function GameOptionsModal({
               theme="outline"
               disabled={deleting}
             >
-              <NoEntryIcon />
               {t("remove_from_library")}
             </Button>
+            <Button
+              onClick={() => {
+                setShowDeleteModal(true);
+              }}
+              style={{ alignSelf: "flex-end" }}
+              theme="outline"
+              disabled={isGameDownloading || deleting || !game.downloadPath}
+            >
+              {t("remove_files")}
+            </Button>
           </div>
         </div>
       </Modal>

From f1b30eb969fd354f64b16364a378ba37c01ce7fd Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 8 Jun 2024 00:16:29 -0300
Subject: [PATCH 4/9] i18n

---
 src/locales/en/translation.json                  |  9 ++++++++-
 src/locales/pt/translation.json                  |  9 ++++++++-
 .../game-details/modals/game-options-modal.tsx   | 16 +++++++---------
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index 838c795f..f55702b1 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -108,7 +108,14 @@
     "create_shortcut": "Create shortcut",
     "remove_files": "Remove files",
     "remove_from_library_title": "Are you sure?",
-    "remove_from_library_description": "This will remove {{game}} from your library"
+    "remove_from_library_description": "This will remove {{game}} from your library",
+    "downloaded_files": "Downloaded files",
+    "executable_section_title": "Executable",
+    "executable_section_description": "Path of the file that will be executed when \"Play\" is clicked",
+    "downloads_secion_title": "Downloads",
+    "downloads_section_description": "Check out updates or other versions of this game",
+    "danger_zone_section_title": "Danger zone",
+    "danger_zone_section_description": "Remove this game from your library or the files downloaded by Hydra"
   },
   "activation": {
     "title": "Activate Hydra",
diff --git a/src/locales/pt/translation.json b/src/locales/pt/translation.json
index ee404e9f..702dc791 100644
--- a/src/locales/pt/translation.json
+++ b/src/locales/pt/translation.json
@@ -105,7 +105,14 @@
     "create_shortcut": "Criar atalho",
     "remove_files": "Remover arquivos",
     "remove_from_library_description": "Isso irá remover {{game}} da sua biblioteca",
-    "remove_from_library_title": "Tem certeza?"
+    "remove_from_library_title": "Tem certeza?",
+    "downloaded_files": "Arquivos baixados",
+    "executable_section_title": "Executável",
+    "executable_section_description": "O caminho do arquivo que sera executado ao clicar em \"Jogar\"",
+    "downloads_secion_title": "Downloads",
+    "downloads_section_description": "Confira atualizações ou versões diferentes para este mesmo título",
+    "danger_zone_section_title": "Zona de perigo",
+    "danger_zone_section_description": "Remova o jogo da sua biblioteca ou os arquivos que foram baixados pelo Hydra"
   },
   "activation": {
     "title": "Ativação",
diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
index e12a9834..73b49417 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -4,7 +4,6 @@ import { Button, Modal, TextField } from "@renderer/components";
 import type { Game } from "@types";
 import * as styles from "./game-options-modal.css";
 import { gameDetailsContext } from "../game-details.context";
-import { NoEntryIcon, TrashIcon } from "@primer/octicons-react";
 import { DeleteGameModal } from "@renderer/pages/downloads/delete-game-modal";
 import { useDownload } from "@renderer/hooks";
 import { RemoveGameFromLibraryModal } from "./remove-from-library-modal";
@@ -94,7 +93,7 @@ export function GameOptionsModal({
 
         <div className={styles.optionsContainer}>
           <div className={styles.gameOptionHeader}>
-            <h2>Arquivos baixados</h2>
+            <h2>{t("downloaded_files")}</h2>
           </div>
           <div className={styles.gameOptionRow}>
             <Button
@@ -108,9 +107,9 @@ export function GameOptionsModal({
           </div>
 
           <div className={styles.gameOptionHeader}>
-            <h2>Executável</h2>
+            <h2>{t("executable_section_title")}</h2>
             <h4 className={styles.gameOptionHeaderDescription}>
-              O caminho do arquivo que sera executado ao clicar em "Jogar"
+              {t("executable_section_description")}
             </h4>
           </div>
           <div className={styles.gameOptionRow}>
@@ -151,9 +150,9 @@ export function GameOptionsModal({
             </Button>
           </div>
           <div className={styles.gameOptionHeader}>
-            <h2>Downloads</h2>
+            <h2>{t("downloads_secion_title")}</h2>
             <h4 className={styles.gameOptionHeaderDescription}>
-              Confira atualizações ou versões diferentes para este mesmo título
+              {t("downloads_section_description")}
             </h4>
           </div>
           <div className={styles.gameOptionRow}>
@@ -166,10 +165,9 @@ export function GameOptionsModal({
             </Button>
           </div>
           <div className={styles.gameOptionHeader}>
-            <h2>Zona de perigo</h2>
+            <h2>{t("danger_zone_section_title")}</h2>
             <h4 className={styles.gameOptionHeaderDescription}>
-              Remova o jogo da sua biblioteca ou os arquivos que foram baixados
-              pelo Hydra
+              {t("danger_zone_section_description")}
             </h4>
           </div>
           <div className={styles.gameOptionRow}>

From 2e427b33e28adc241c2c4ca9a6b23102004ecea5 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 8 Jun 2024 01:11:37 -0300
Subject: [PATCH 5/9] add danger style to button

---
 src/renderer/src/components/button/button.css.ts     | 12 ++++++++++++
 .../pages/game-details/modals/game-options-modal.tsx |  4 ++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/button/button.css.ts b/src/renderer/src/components/button/button.css.ts
index e342b2e9..1b59c697 100644
--- a/src/renderer/src/components/button/button.css.ts
+++ b/src/renderer/src/components/button/button.css.ts
@@ -55,4 +55,16 @@ export const button = styleVariants({
       color: "#c0c1c7",
     },
   ],
+  danger: [
+    base,
+    {
+      border: `solid 1px #a31533`,
+      backgroundColor: "transparent",
+      color: "white",
+      ":hover": {
+        backgroundColor: "#a31533",
+        color: "white",
+      },
+    },
+  ],
 });
diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
index 73b49417..acb2afdb 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -174,7 +174,7 @@ export function GameOptionsModal({
             <Button
               onClick={() => setShowRemoveGameModal(true)}
               style={{ alignSelf: "flex-end" }}
-              theme="outline"
+              theme="danger"
               disabled={deleting}
             >
               {t("remove_from_library")}
@@ -184,7 +184,7 @@ export function GameOptionsModal({
                 setShowDeleteModal(true);
               }}
               style={{ alignSelf: "flex-end" }}
-              theme="outline"
+              theme="danger"
               disabled={isGameDownloading || deleting || !game.downloadPath}
             >
               {t("remove_files")}

From c7d72b0adcb4f24bf78d1badf5cc894ae140377f Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 8 Jun 2024 10:48:48 -0300
Subject: [PATCH 6/9] better ui on modal #3

---
 src/locales/en/translation.json               |  7 +-
 src/locales/pt/translation.json               |  7 +-
 .../modals/game-options-modal.tsx             | 65 +++++++++----------
 3 files changed, 35 insertions(+), 44 deletions(-)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index f55702b1..a3699563 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -101,15 +101,14 @@
     "open_screenshot": "Open screenshot {{number}}",
     "download_settings": "Download settings",
     "downloader": "Downloader",
-    "select_executable": "Select executable",
+    "select_executable": "Select",
     "no_executable_selected": "No executable selected",
     "open_folder": "Open folder",
-    "open_download_location": "Abrir local de download",
-    "create_shortcut": "Create shortcut",
+    "open_download_location": "See downloaded files",
+    "create_shortcut": "Create desktop shortcut",
     "remove_files": "Remove files",
     "remove_from_library_title": "Are you sure?",
     "remove_from_library_description": "This will remove {{game}} from your library",
-    "downloaded_files": "Downloaded files",
     "executable_section_title": "Executable",
     "executable_section_description": "Path of the file that will be executed when \"Play\" is clicked",
     "downloads_secion_title": "Downloads",
diff --git a/src/locales/pt/translation.json b/src/locales/pt/translation.json
index 702dc791..ed5fb0b5 100644
--- a/src/locales/pt/translation.json
+++ b/src/locales/pt/translation.json
@@ -98,15 +98,14 @@
     "open_screenshot": "Ver captura de tela {{number}}",
     "download_settings": "Ajustes do download",
     "downloader": "Downloader",
-    "select_executable": "Selecionar executável",
+    "select_executable": "Selecionar",
     "no_executable_selected": "Nenhum executável selecionado",
     "open_folder": "Abrir pasta",
-    "open_download_location": "Abrir local de download",
-    "create_shortcut": "Criar atalho",
+    "open_download_location": "Ver arquivos baixados",
+    "create_shortcut": "Criar atalho na área de trabalho",
     "remove_files": "Remover arquivos",
     "remove_from_library_description": "Isso irá remover {{game}} da sua biblioteca",
     "remove_from_library_title": "Tem certeza?",
-    "downloaded_files": "Arquivos baixados",
     "executable_section_title": "Executável",
     "executable_section_description": "O caminho do arquivo que sera executado ao clicar em \"Jogar\"",
     "downloads_secion_title": "Downloads",
diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
index acb2afdb..f335e448 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -92,20 +92,6 @@ export function GameOptionsModal({
         />
 
         <div className={styles.optionsContainer}>
-          <div className={styles.gameOptionHeader}>
-            <h2>{t("downloaded_files")}</h2>
-          </div>
-          <div className={styles.gameOptionRow}>
-            <Button
-              onClick={handleOpenDownloadFolder}
-              style={{ alignSelf: "flex-end" }}
-              theme="outline"
-              disabled={deleting || !game.downloadPath}
-            >
-              {t("open_download_location")}
-            </Button>
-          </div>
-
           <div className={styles.gameOptionHeader}>
             <h2>{t("executable_section_title")}</h2>
             <h4 className={styles.gameOptionHeaderDescription}>
@@ -123,32 +109,32 @@ export function GameOptionsModal({
             <Button
               type="button"
               theme="outline"
-              style={{ alignSelf: "flex-end" }}
               onClick={handleChangeExecutableLocation}
             >
               {t("select_executable")}
             </Button>
-            <Button
-              type="button"
-              theme="outline"
-              style={{ alignSelf: "flex-end" }}
-              onClick={handleOpenGameExecutablePath}
-              disabled={!game.executablePath}
-            >
-              {t("open_folder")}
-            </Button>
           </div>
 
-          <div className={styles.gameOptionRow}>
-            <Button
-              onClick={handleCreateShortcut}
-              style={{ alignSelf: "flex-end" }}
-              theme="outline"
-              disabled={deleting || !game.executablePath}
-            >
-              {t("create_shortcut")}
-            </Button>
-          </div>
+          {game.executablePath && (
+            <div className={styles.gameOptionRow}>
+              <Button
+                type="button"
+                theme="outline"
+                onClick={handleOpenGameExecutablePath}
+                disabled={!game.executablePath}
+              >
+                {t("open_folder")}
+              </Button>
+              <Button
+                onClick={handleCreateShortcut}
+                theme="outline"
+                disabled={deleting || !game.executablePath}
+              >
+                {t("create_shortcut")}
+              </Button>
+            </div>
+          )}
+
           <div className={styles.gameOptionHeader}>
             <h2>{t("downloads_secion_title")}</h2>
             <h4 className={styles.gameOptionHeaderDescription}>
@@ -163,6 +149,15 @@ export function GameOptionsModal({
             >
               {t("open_download_options")}
             </Button>
+            {game.downloadPath && (
+              <Button
+                onClick={handleOpenDownloadFolder}
+                theme="outline"
+                disabled={deleting || !game.downloadPath}
+              >
+                {t("open_download_location")}
+              </Button>
+            )}
           </div>
           <div className={styles.gameOptionHeader}>
             <h2>{t("danger_zone_section_title")}</h2>
@@ -173,7 +168,6 @@ export function GameOptionsModal({
           <div className={styles.gameOptionRow}>
             <Button
               onClick={() => setShowRemoveGameModal(true)}
-              style={{ alignSelf: "flex-end" }}
               theme="danger"
               disabled={deleting}
             >
@@ -183,7 +177,6 @@ export function GameOptionsModal({
               onClick={() => {
                 setShowDeleteModal(true);
               }}
-              style={{ alignSelf: "flex-end" }}
               theme="danger"
               disabled={isGameDownloading || deleting || !game.downloadPath}
             >

From e3d0ef598b9d10c40a9f6e793f0c0dbc114e32f7 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 8 Jun 2024 10:52:40 -0300
Subject: [PATCH 7/9] minor spelling mistake

---
 src/locales/pt/translation.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/locales/pt/translation.json b/src/locales/pt/translation.json
index ed5fb0b5..43486101 100644
--- a/src/locales/pt/translation.json
+++ b/src/locales/pt/translation.json
@@ -107,7 +107,7 @@
     "remove_from_library_description": "Isso irá remover {{game}} da sua biblioteca",
     "remove_from_library_title": "Tem certeza?",
     "executable_section_title": "Executável",
-    "executable_section_description": "O caminho do arquivo que sera executado ao clicar em \"Jogar\"",
+    "executable_section_description": "O caminho do arquivo que será executado ao clicar em \"Jogar\"",
     "downloads_secion_title": "Downloads",
     "downloads_section_description": "Confira atualizações ou versões diferentes para este mesmo título",
     "danger_zone_section_title": "Zona de perigo",

From cc9a38acf89c83372737174762fac245dd746f2a Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 8 Jun 2024 11:24:26 -0300
Subject: [PATCH 8/9] cancel download before remove game from library

---
 .../src/components/button/button.css.ts       |  1 -
 .../modals/game-options-modal.tsx             | 20 +++++++++++++------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/components/button/button.css.ts b/src/renderer/src/components/button/button.css.ts
index 1b59c697..c730ecfd 100644
--- a/src/renderer/src/components/button/button.css.ts
+++ b/src/renderer/src/components/button/button.css.ts
@@ -63,7 +63,6 @@ export const button = styleVariants({
       color: "white",
       ":hover": {
         backgroundColor: "#a31533",
-        color: "white",
       },
     },
   ],
diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
index f335e448..569a9509 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -28,8 +28,12 @@ export function GameOptionsModal({
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [showRemoveGameModal, setShowRemoveGameModal] = useState(false);
 
-  const { removeGameInstaller, removeGameFromLibrary, isGameDeleting } =
-    useDownload();
+  const {
+    removeGameInstaller,
+    removeGameFromLibrary,
+    isGameDeleting,
+    cancelDownload,
+  } = useDownload();
 
   const deleting = game ? isGameDeleting(game?.id) : false;
 
@@ -39,16 +43,20 @@ export function GameOptionsModal({
     game?.status === "active" && lastPacket?.game.id === game?.id;
 
   const handleRemoveGameFromLibrary = async () => {
+    if (isGameDownloading) {
+      await cancelDownload(game.id);
+    }
+
     await removeGameFromLibrary(game.id);
     updateGame();
     onClose();
   };
 
   const handleChangeExecutableLocation = async () => {
-    const location = await selectGameExecutable();
+    const path = await selectGameExecutable();
 
-    if (location) {
-      await window.electron.updateExecutablePath(game.id, location);
+    if (path) {
+      await window.electron.updateExecutablePath(game.id, path);
       updateGame();
     }
   };
@@ -145,7 +153,7 @@ export function GameOptionsModal({
             <Button
               onClick={openRepacksModal}
               theme="outline"
-              disabled={deleting}
+              disabled={deleting || isGameDownloading}
             >
               {t("open_download_options")}
             </Button>

From ca73316ee96d1c9256d712f7923c801749629221 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 8 Jun 2024 11:33:59 -0300
Subject: [PATCH 9/9] code adjustment

---
 .../game-details/modals/game-options-modal.tsx      | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
index 569a9509..26ac041f 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -35,12 +35,12 @@ export function GameOptionsModal({
     cancelDownload,
   } = useDownload();
 
-  const deleting = game ? isGameDeleting(game?.id) : false;
+  const deleting = isGameDeleting(game.id);
 
   const { lastPacket } = useDownload();
 
   const isGameDownloading =
-    game?.status === "active" && lastPacket?.game.id === game?.id;
+    game.status === "active" && lastPacket?.game.id === game.id;
 
   const handleRemoveGameFromLibrary = async () => {
     if (isGameDownloading) {
@@ -129,15 +129,10 @@ export function GameOptionsModal({
                 type="button"
                 theme="outline"
                 onClick={handleOpenGameExecutablePath}
-                disabled={!game.executablePath}
               >
                 {t("open_folder")}
               </Button>
-              <Button
-                onClick={handleCreateShortcut}
-                theme="outline"
-                disabled={deleting || !game.executablePath}
-              >
+              <Button onClick={handleCreateShortcut} theme="outline">
                 {t("create_shortcut")}
               </Button>
             </div>
@@ -161,7 +156,7 @@ export function GameOptionsModal({
               <Button
                 onClick={handleOpenDownloadFolder}
                 theme="outline"
-                disabled={deleting || !game.downloadPath}
+                disabled={deleting}
               >
                 {t("open_download_location")}
               </Button>