Merge pull request #473 from code0-tech/feat/user-session

Adjust user session handling

Author: nicosammito

src/components/d-user/DUser.service.ts

@@ -37,14 +37,6 @@ export abstract class DUserReactiveService extends ReactiveArrayService<DUserVie
     //TODO: inject UI error handler for toasts
     //no id's need to be injected here because the root query has a users field
 
-    createUserSession(payload: UserSession): void {
-        window.localStorage.setItem("ide_code-zero_session", JSON.stringify(payload));
-    }
-
-    getUserSession(): UserSession | undefined {
-        return JSON.parse(window.localStorage.getItem("ide_code-zero_session")!!) as UserSession
-    }
-
     getById(id: User['id']): DUserView | undefined {
         return this.values().find(user => user.id === id);
     }

src/components/d-user/DUser.session.hook.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import type {UserSession} from "@code0-tech/sagittarius-graphql-types";
+
+export const useUserSession = () => {
+    const [session, setSession] = React.useState<UserSession | null>(null)
+
+    React.useEffect(() => {
+        const userSession = JSON.parse(localStorage.getItem("ide_code-zero_session")!!) as UserSession
+        if (userSession && userSession.token) setSession(userSession)
+    }, [])
+
+    return session
+}
+
+export const setUserSession = (userSession: UserSession) => {
+    localStorage.setItem("ide_code-zero_session", JSON.stringify(userSession))
+}

src/components/d-user/DUserMenu.stories.tsx

@@ -34,6 +34,7 @@ import {
 } from "@code0-tech/sagittarius-graphql-types";
 import {DUserView} from "./DUser.view"
 import {MenuGroup, MenuItem, MenuLabel, MenuSeparator} from "../menu/Menu"
+import {setUserSession} from "./DUser.session.hook";
 
 const meta: Meta = {
     title: "DUserMenu",
@@ -118,7 +119,7 @@ export const DUserMenuExample: DUserMenuStory = {
             })
         ])
 
-        userService.createUserSession({
+        setUserSession({
             user: {
                 id: "gid://sagittarius/User/1",
                 username: "exampleuser",

src/components/d-user/index.ts

@@ -1,3 +1,4 @@
 export * from "./DUser.service"
 export * from "./DUser.view"
-export * from "./DUserMenu"
+export * from "./DUserMenu"
+export * from "./DUser.session.hook"

src/index.ts

@@ -26,6 +26,7 @@ export * from "./components/row/Row"
 export * from "./components/scroll-area/ScrollArea"
 export * from "./components/segmented-control/SegmentedControl"
 export * from "./components/spacing/Spacing"
+export * from "./components/tab/Tab"
 export * from "./components/text/Text"
 export * from "./components/tooltip/Tooltip"