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] 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" }}