feat: adding session hash

src/renderer/src/components/bottom-panel/bottom-panel.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 
-import { useDownload } from "@renderer/hooks";
+import { useDownload, useUserDetails } from "@renderer/hooks";
 
 import * as styles from "./bottom-panel.css";
 
@@ -13,16 +13,23 @@ export function BottomPanel() {
 
   const navigate = useNavigate();
 
+  const { userDetails } = useUserDetails();
+
   const { lastPacket, progress, downloadSpeed, eta } = useDownload();
 
   const isGameDownloading = !!lastPacket?.game;
 
   const [version, setVersion] = useState("");
+  const [sessionHash, setSessionHash] = useState<null | string>("");
 
   useEffect(() => {
     window.electron.getVersion().then((result) => setVersion(result));
   }, []);
 
+  useEffect(() => {
+    window.electron.getSessionHash().then((result) => setSessionHash(result));
+  }, [userDetails?.id]);
+
   const status = useMemo(() => {
     if (isGameDownloading) {
       if (lastPacket?.isDownloadingMetadata)
@@ -65,7 +72,8 @@ export function BottomPanel() {
       </button>
 
       <small>
-        v{version} &quot;{VERSION_CODENAME}&quot;
+        {sessionHash ? `${sessionHash} -` : ""} v{version} &quot;
+        {VERSION_CODENAME}&quot;
       </small>
     </footer>
   );

src/renderer/src/declaration.d.ts

@@ -119,6 +119,7 @@ declare global {
     /* Auth */
     signOut: () => Promise<void>;
     openAuthWindow: () => Promise<void>;
+    getSessionHash: () => Promise<string | null>;
     onSignIn: (cb: () => void) => () => Electron.IpcRenderer;
     onSignOut: (cb: () => void) => () => Electron.IpcRenderer;