✨ session username

haliphax · Aug 15, 2023 · 2db28ee · 2db28ee
1 parent 7c507c4
commit 2db28ee
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/front-end/scripts/store/session.ts b/src/front-end/scripts/store/session.ts
@@ -8,6 +8,7 @@ const SESSION_PREFIX = `${LOCALSTORAGE_GLOBAL_PREFIX}session.`;
 const keys = {
 	darkMode: `${SESSION_PREFIX}darkMode`,
 	sessionId: `${SESSION_PREFIX}sessionId`,
+	userName: `${SESSION_PREFIX}userName`,
 };
 
 const session: Module<SessionState, StoreState> = {
@@ -16,6 +17,10 @@ const session: Module<SessionState, StoreState> = {
 			state.settings.darkMode = payload;
 			localStorage.setItem(keys.darkMode, payload.toString());
 		},
+		"session.settings.userName"(state, payload: string) {
+			state.userName = payload;
+			localStorage.setItem(keys.userName, payload);
+		},
 	},
 	state() {
 		let sessionId = localStorage.getItem(keys.sessionId);
@@ -27,7 +32,7 @@ const session: Module<SessionState, StoreState> = {
 
 		return {
 			id: sessionId,
-			name: "Me",
+			userName: localStorage.getItem(keys.userName) ?? "User",
 			settings: {
 				darkMode: JSON.parse(localStorage.getItem(keys.darkMode) ?? "false"),
 			},

diff --git a/src/front-end/scripts/types.ts b/src/front-end/scripts/types.ts
@@ -6,7 +6,7 @@ export type SessionSettings = {
 
 export type SessionState = {
 	id: string;
-	name: string;
+	userName: string;
 	settings: SessionSettings;
 };
 

diff --git a/src/vuex.d.ts b/src/vuex.d.ts
@@ -1,5 +1,5 @@
 import { Store } from "vuex";
-import { StoreState } from "../front-end/scripts/types";
+import { StoreState } from "./front-end/scripts/types";
 
 declare module "@vue/runtime-core" {
 	interface ComponentCustomProperties {