feat: updating title bar z-index

src/renderer/src/app.css.ts

@@ -123,7 +123,7 @@ export const titleBar = style({
   alignItems: "center",
   padding: `0 ${SPACING_UNIT * 2}px`,
   WebkitAppRegion: "drag",
-  zIndex: "4",
+  zIndex: vars.zIndex.titleBar,
   borderBottom: `1px solid ${vars.color.border}`,
 } as ComplexStyleRule);
 

src/renderer/src/app.tsx

@@ -239,7 +239,7 @@ export function App() {
 
   return (
     <>
-      {window.electron.platform === "win32" && (
+      {/* {window.electron.platform === "win32" && (
         <div className={styles.titleBar}>
           <h4>
             Hydra
@@ -248,7 +248,15 @@ export function App() {
             )}
           </h4>
         </div>
-      )}
+      )} */}
+      <div className={styles.titleBar}>
+        <h4>
+          Hydra
+          {hasActiveSubscription && (
+            <span className={styles.cloudText}> Cloud</span>
+          )}
+        </h4>
+      </div>
 
       <Toast
         visible={toast.visible}

src/renderer/src/pages/downloads/download-group.tsx

@@ -130,15 +130,16 @@ export function DownloadGroup({
     if (game.progress === 1) {
       const uploadSpeed = formatBytes(seedingStatus?.uploadSpeed ?? 0);
 
-      return game.status === "seeding" &&
-        game.downloader === Downloader.Torrent ? (
-        <>
-          <p>{t("seeding")}</p>
-          {uploadSpeed && <p>{uploadSpeed}/s</p>}
-        </>
-      ) : (
-        <p>{t("completed")}</p>
-      );
+      if (game.status === "seeding" && game.downloader === Downloader.Torrent) {
+        return (
+          <>
+            <p>{t("seeding")}</p>
+            {uploadSpeed && <p>{uploadSpeed}/s</p>}
+          </>
+        );
+      } else {
+        return <p>{t("completed")}</p>;
+      }
     }
 
     if (game.status === "paused") {

src/renderer/src/scss/globals.scss

@@ -16,6 +16,6 @@ $spacing-unit: 8px;
 
 $toast-z-index: 5;
 $bottom-panel-z-index: 3;
-$title-bar-z-index: 4;
+$title-bar-z-index: 1900000001;
 $backdrop-z-index: 4;
 $modal-z-index: 5;

src/renderer/src/theme.css.ts

@@ -24,7 +24,7 @@ export const vars = createGlobalTheme(":root", {
   zIndex: {
     toast: "5",
     bottomPanel: "3",
-    titleBar: "4",
+    titleBar: "1900000001",
     backdrop: "4",
   },
 });