feat: add disabled hint for HTTP downloader setting during active downloads and update z-index for error message

src/locales/en/translation.json

@@ -600,7 +600,8 @@
     "autoplay_trailers_on_game_page": "Automatically start playing trailers on game page",
     "hide_to_tray_on_game_start": "Hide Hydra to tray on game startup",
     "downloads": "Downloads",
-    "use_native_http_downloader": "Use native HTTP downloader (experimental)"
+    "use_native_http_downloader": "Use native HTTP downloader (experimental)",
+    "cannot_change_downloader_while_downloading": "Cannot change this setting while a download is in progress"
   },
   "notifications": {
     "download_complete": "Download complete",

src/renderer/src/pages/settings/settings-general.scss

@@ -18,6 +18,13 @@
     align-self: flex-start;
   }
 
+  &__disabled-hint {
+    font-size: 13px;
+    color: globals.$muted-color;
+    margin-top: calc(globals.$spacing-unit * -1);
+    font-style: italic;
+  }
+
   &__volume-control {
     display: flex;
     flex-direction: column;

src/renderer/src/pages/settings/settings-general.tsx

@@ -37,6 +37,12 @@ export function SettingsGeneral() {
     (state) => state.userPreferences.value
   );
 
+  const lastPacket = useAppSelector((state) => state.download.lastPacket);
+  const hasActiveDownload =
+    lastPacket !== null &&
+    lastPacket.progress < 1 &&
+    !lastPacket.isDownloadingMetadata;
+
   const [canInstallCommonRedist, setCanInstallCommonRedist] = useState(false);
   const [installingCommonRedist, setInstallingCommonRedist] = useState(false);
 
@@ -256,6 +262,7 @@ export function SettingsGeneral() {
       <CheckboxField
         label={t("use_native_http_downloader")}
         checked={form.useNativeHttpDownloader}
+        disabled={hasActiveDownload}
         onChange={() =>
           handleChange({
             useNativeHttpDownloader: !form.useNativeHttpDownloader,
@@ -263,6 +270,12 @@ export function SettingsGeneral() {
         }
       />
 
+      {hasActiveDownload && (
+        <p className="settings-general__disabled-hint">
+          {t("cannot_change_downloader_while_downloading")}
+        </p>
+      )}
+
       <h2 className="settings-general__section-title">{t("notifications")}</h2>
 
       <CheckboxField

src/renderer/src/scss/globals.scss

@@ -18,7 +18,7 @@ $active-opacity: 0.7;
 
 $spacing-unit: 8px;
 
-$toast-z-index: 5;
+$toast-z-index: 150;
 $bottom-panel-z-index: 3;
 $title-bar-z-index: 4;
 $backdrop-z-index: 4;