1 files changed, 56 insertions, 1 deletions

diff --git a/fe/src/stores/auth.ts b/fe/src/stores/auth.ts
index 7e70cda..10e6bd3 100644
--- a/fe/src/stores/auth.ts
+++ b/fe/src/stores/auth.ts
@@ -1,4 +1,5 @@
 import type { Invalidator, Subscriber, Unsubscriber } from 'svelte/store';
+import type { Preference } from '../types';
 import { writable, derived } from 'svelte/store';
 
 type Nullable<T> = T | null;
@@ -14,6 +15,18 @@ interface TokenStore {
     unauthenticate: () => void
 }
 
+
+interface UserStore {
+    subscribe: (run: Subscriber<Nullable<User>>, invalidate: Invalidator<Nullable<User>>) => Unsubscriber,
+    setUser: (user: User) => void,
+    reset: () => void
+}
+
+interface PreferenceStore {
+    subscribe: (run: Subscriber<Nullable<Preference>>, invalidate: Invalidator<Nullable<Preference>>) => Unsubscriber,
+    set: (this: void, value: Nullable<Preference>) => void
+}
+
 function createTokenStore(): TokenStore {
     const storedToken = localStorage.getItem("token");
     const { subscribe, set } = writable<string | null>(storedToken); 
@@ -43,6 +56,48 @@ function onTokenChange ($token: Nullable<string>): boolean {
     return $token ? true : false;
 }
 
+function createUserStore(): UserStore {
+    const user = localStorage.getItem('user');
+    const userObj: Nullable<User> = user ? JSON.parse(user) : null;
+    const { subscribe, set } = writable<User | null>(userObj);
+    
+    const setUser = (user: User) => {
+       localStorage.setItem('user', JSON.stringify(user));
+       set(user);
+    }
+
+    const reset = () => {
+        localStorage.removeItem('user');
+        set(null);
+    }
+
+    return {
+        subscribe,
+        setUser,
+        reset
+    }
+}
+
+
+function createPreferenceStore(): PreferenceStore {
+   const preferences = localStorage.getItem('preferences'); 
+   const preferenceObj: Preference = preferences ? JSON.parse(preferences) : {
+        color: "#FF0000",
+        size: {
+            size: 16,
+            unit: 'oz'
+        }
+   };
+
+   const { subscribe, set } = writable<Nullable<Preference>>(preferenceObj);
+
+   return {
+       subscribe,
+       set
+   }
+}
+
 export const token = createTokenStore();
 export const authenticated = derived(token, onTokenChange);
-export const user = writable<User | null>(null);
+export const user = createUserStore();
+export const preferences = createPreferenceStore();