From 45d8923561b853b66d855f4fb84235a26604f59f Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 5 Jun 2024 17:14:13 -0300
Subject: [PATCH] feat: double click on sidebar opens game

---
 .../src/components/sidebar/sidebar.tsx        | 18 ++++++--
 .../modals/game-options-modal.tsx             | 45 +++++++------------
 2 files changed, 32 insertions(+), 31 deletions(-)

diff --git a/src/renderer/src/components/sidebar/sidebar.tsx b/src/renderer/src/components/sidebar/sidebar.tsx
index 76ab3137..faa77708 100644
--- a/src/renderer/src/components/sidebar/sidebar.tsx
+++ b/src/renderer/src/components/sidebar/sidebar.tsx
@@ -122,6 +122,20 @@ export function Sidebar() {
     }
   };
 
+  const handleSidebarGameClick = (
+    event: React.MouseEvent,
+    game: LibraryGame
+  ) => {
+    const path = buildGameDetailsPath(game);
+    if (path !== location.pathname) {
+      navigate(path);
+    }
+
+    if (event.detail == 2 && game.executablePath) {
+      window.electron.openGame(game.id, game.executablePath);
+    }
+  };
+
   return (
     <aside
       ref={sidebarRef}
@@ -183,9 +197,7 @@ export function Sidebar() {
                 <button
                   type="button"
                   className={styles.menuItemButton}
-                  onClick={() =>
-                    handleSidebarItemClick(buildGameDetailsPath(game))
-                  }
+                  onClick={(event) => handleSidebarGameClick(event, game)}
                 >
                   {game.iconUrl ? (
                     <img
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 106e725a..d10332f0 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
@@ -29,8 +29,6 @@ export function GameOptionsModal({
   onClose,
   selectGameExecutable,
 }: GameOptionsModalProps) {
-  const [currentCategoryIndex, setCurrentCategoryIndex] = useState(0);
-
   const { updateGame, openRepacksModal } = useContext(gameDetailsContext);
 
   const [showDeleteModal, setShowDeleteModal] = useState(false);
@@ -80,19 +78,9 @@ export function GameOptionsModal({
             display: "flex",
             flexDirection: "column",
             gap: `${SPACING_UNIT}px`,
-            minWidth: "500px",
+            width: "700px",
           }}
         >
-          <div style={{ marginBottom: `${SPACING_UNIT * 2}px` }}>
-            <Button
-              key={"general"}
-              theme={currentCategoryIndex === 0 ? "primary" : "outline"}
-              onClick={() => setCurrentCategoryIndex(0)}
-            >
-              General
-            </Button>
-          </div>
-
           <div className={styles.downloadSourceField}>
             <TextField
               label="Caminho do executável"
@@ -102,7 +90,9 @@ export function GameOptionsModal({
               disabled
               placeholder="Selecione um executável"
             />
+          </div>
 
+          <div className={styles.downloadSourceField}>
             <Button
               type="button"
               theme="outline"
@@ -110,7 +100,7 @@ export function GameOptionsModal({
               onClick={handleOpenGameExecutablePath}
             >
               <FileDirectoryOpenFillIcon />
-              {"Abrir local do executável"}
+              {"Abrir pasta"}
             </Button>
 
             <Button
@@ -122,20 +112,25 @@ export function GameOptionsModal({
               <FileSymlinkFileIcon />
               {"Alterar"}
             </Button>
+            <Button
+              onClick={handleCreateShortcut}
+              theme="outline"
+              disabled={deleting}
+            >
+              {"Criar atalho"}
+            </Button>
           </div>
 
           <div className={styles.downloadSourceField}>
             <TextField
               label="Caminho do instalador"
-              value={game.downloadPath + game.folderName}
+              value={`${game.downloadPath}\\${game.folderName}`}
               readOnly
               theme="dark"
               disabled
               placeholder=""
             />
-          </div>
 
-          <div className={styles.downloadSourceField}>
             <Button
               type="button"
               theme="outline"
@@ -143,7 +138,7 @@ export function GameOptionsModal({
               onClick={handleOpenGameInstallerPath}
             >
               <FileDirectoryOpenFillIcon />
-              {"Abrir pasta do instalador"}
+              {"Abrir pasta"}
             </Button>
             <Button
               type="button"
@@ -154,8 +149,11 @@ export function GameOptionsModal({
               }}
             >
               <TrashIcon />
-              {"Remover instalador"}
+              {"Remover"}
             </Button>
+          </div>
+
+          <div className={styles.downloadSourceField}>
             <Button
               onClick={openRepacksModal}
               theme="outline"
@@ -164,15 +162,6 @@ export function GameOptionsModal({
               {t("open_download_options")}
             </Button>
           </div>
-          <div className={styles.downloadSourceField}>
-            <Button
-              onClick={handleCreateShortcut}
-              theme="outline"
-              disabled={deleting}
-            >
-              {"criar atalho na area de trabalho"}
-            </Button>
-          </div>
         </div>
       </Modal>
     </>