feat: adding session hash

src/main/events/auth/get-session-hash.ts

@@ -0,0 +1,14 @@
+import jwt from "jsonwebtoken";
+
+import { userAuthRepository } from "@main/repository";
+import { registerEvent } from "../register-event";
+
+const getSessionHash = async (_event: Electron.IpcMainInvokeEvent) => {
+  const auth = await userAuthRepository.findOne({ where: { id: 1 } });
+
+  if (!auth) return null;
+  const payload = jwt.decode(auth.accessToken) as jwt.JwtPayload;
+  return payload.sessionId;
+};
+
+registerEvent("getSessionHash", getSessionHash);

src/main/events/index.ts

@@ -42,6 +42,7 @@ import "./download-sources/remove-download-source";
 import "./download-sources/sync-download-sources";
 import "./auth/sign-out";
 import "./auth/open-auth-window";
+import "./auth/get-session-hash";
 import "./user/get-user";
 import "./profile/get-me";
 import "./profile/update-profile";

src/preload/index.ts

@@ -143,6 +143,7 @@ contextBridge.exposeInMainWorld("electron", {
   /* Auth */
   signOut: () => ipcRenderer.invoke("signOut"),
   openAuthWindow: () => ipcRenderer.invoke("openAuthWindow"),
+  getSessionHash: () => ipcRenderer.invoke("getSessionHash"),
   onSignIn: (cb: () => void) => {
     const listener = (_event: Electron.IpcRendererEvent) => cb();
     ipcRenderer.on("on-signin", listener);

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;