Merge pull request #960 from hydralauncher/feat/message-warning-hydra-close

feat: message warning hydra closing while downloading

src/locales/en/translation.json

@@ -128,7 +128,9 @@
     "player_count": "Active players",
     "download_error": "This download option is not available",
     "download": "Download",
-    "executable_path_in_use": "Executable already in use by \"{{game}}\""
+    "executable_path_in_use": "Executable already in use by \"{{game}}\"",
+    "warning": "Warning:",
+    "hydra_needs_to_remain_open": "for this download, Hydra needs to remain open util its conclusion. In case Hydra closes before the conclusion, you will lose your progress."
   },
   "activation": {
     "title": "Activate Hydra",

src/locales/pt-BR/translation.json

@@ -124,7 +124,9 @@
     "player_count": "Jogadores ativos",
     "download_error": "Essa opção de download falhou",
     "download": "Baixar",
-    "executable_path_in_use": "Executável em uso por \"{{game}}\""
+    "executable_path_in_use": "Executável em uso por \"{{game}}\"",
+    "warning": "Aviso:",
+    "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso."
   },
   "activation": {
     "title": "Ativação",

src/locales/pt-PT/translation.json

@@ -113,7 +113,9 @@
     "create_shortcut_success": "Atalho criado com sucesso",
     "create_shortcut_error": "Erro ao criar atalho",
     "download": "Transferir",
-    "executable_path_in_use": "Executável em uso por \"{{game}}\""
+    "executable_path_in_use": "Executável em uso por \"{{game}}\"",
+    "warning": "Aviso:",
+    "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso."
   },
   "activation": {
     "title": "Ativação",

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

@@ -43,7 +43,7 @@ export function GameDetailsSkeleton() {
           </div>
         </div>
         <div className={sidebarStyles.contentSidebar}>
-          <div className={sidebarStyles.contentSidebarTitle}>
+          {/* <div className={sidebarStyles.contentSidebarTitle}>
             <h3>HowLongToBeat</h3>
           </div>
           <ul className={sidebarStyles.howLongToBeatCategoriesList}>
@@ -53,7 +53,7 @@ export function GameDetailsSkeleton() {
                 className={sidebarStyles.howLongToBeatCategorySkeleton}
               />
             ))}
-          </ul>
+          </ul> */}
           <div
             className={sidebarStyles.contentSidebarTitle}
             style={{ border: "none" }}

src/renderer/src/pages/game-details/modals/download-settings-modal.tsx

@@ -8,7 +8,7 @@ import { CheckCircleFillIcon, DownloadIcon } from "@primer/octicons-react";
 import { Downloader, formatBytes, getDownloadersForUris } from "@shared";
 
 import type { GameRepack } from "@types";
-import { SPACING_UNIT } from "@renderer/theme.css";
+import { SPACING_UNIT, vars } from "@renderer/theme.css";
 import { DOWNLOADER_NAME } from "@renderer/constants";
 import { useAppSelector, useToast } from "@renderer/hooks";
 
@@ -129,15 +129,14 @@ export function DownloadSettingsModal({
       onClose={onClose}
     >
       <div className={styles.container}>
-        <div>
+        <div
-          <span
+          style={{
-            style={{
+            display: "flex",
-              marginBottom: `${SPACING_UNIT}px`,
+            flexDirection: "column",
-              display: "block",
+            gap: `${SPACING_UNIT}px`,
-            }}
+          }}
-          >
+        >
-            {t("downloader")}
+          <span>{t("downloader")}</span>
-          </span>
 
           <div className={styles.downloaders}>
             {downloaders.map((downloader) => (
@@ -160,6 +159,13 @@ export function DownloadSettingsModal({
               </Button>
             ))}
           </div>
+
+          {selectedDownloader && selectedDownloader !== Downloader.Torrent && (
+            <p style={{ marginTop: `${SPACING_UNIT}px` }}>
+              <span style={{ color: vars.color.warning }}>{t("warning")}</span>{" "}
+              {t("hydra_needs_to_remain_open")}
+            </p>
+          )}
         </div>
 
         <div

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

@@ -1,5 +1,4 @@
 import { useContext, useEffect, useState } from "react";
-import { HowLongToBeatSection } from "./how-long-to-beat-section";
 import type { HowLongToBeatCategory, SteamAppDetails } from "@types";
 import { useTranslation } from "react-i18next";
 import { Button } from "@renderer/components";
@@ -10,7 +9,7 @@ import { useFormat } from "@renderer/hooks";
 import { DownloadIcon, PeopleIcon } from "@primer/octicons-react";
 
 export function Sidebar() {
-  const [howLongToBeat, setHowLongToBeat] = useState<{
+  const [_howLongToBeat, setHowLongToBeat] = useState<{
     isLoading: boolean;
     data: HowLongToBeatCategory[] | null;
   }>({ isLoading: true, data: null });
@@ -42,10 +41,10 @@ export function Sidebar() {
 
   return (
     <aside className={styles.contentSidebar}>
-      <HowLongToBeatSection
+      {/* <HowLongToBeatSection
         howLongToBeatData={howLongToBeat.data}
         isLoading={howLongToBeat.isLoading}
-      />
+      /> */}
 
       {stats && (
         <>