feat: implement auth flow and app initialization

src/store/auth.store.ts

@@ -1,40 +1,40 @@
-import type { UserProfile } from '@/types';
 import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
+
+const ACCESS_TOKEN_KEY = 'access_token';
+
+const getStoredAccessToken = () => {
+  if (typeof window === 'undefined') return null;
+  return localStorage.getItem(ACCESS_TOKEN_KEY);
+};
 
 interface AuthState {
-  user: UserProfile | null;
   accessToken: string | null;
-  refreshToken: string | null;
   isAuthenticated: boolean;
-  setAuth: (user: UserProfile, accessToken?: string | null, refreshToken?: string | null) => void;
+  setAccessToken: (accessToken: string) => void;
   logout: () => void;
 }
 
-export const useAuthStore = create<AuthState>()(
-  persist(
-    (set) => ({
-      user: null,
+export const useAuthStore = create<AuthState>()((set) => ({
+  accessToken: getStoredAccessToken(),
+  isAuthenticated: !!getStoredAccessToken(),
+  setAccessToken: (accessToken) => {
+    if (typeof window !== 'undefined') {
+      localStorage.setItem(ACCESS_TOKEN_KEY, accessToken);
+    }
+
+    set({
+      accessToken,
+      isAuthenticated: true,
+    });
+  },
+  logout: () => {
+    if (typeof window !== 'undefined') {
+      localStorage.removeItem(ACCESS_TOKEN_KEY);
+    }
+
+    set({
       accessToken: null,
-      refreshToken: null,
       isAuthenticated: false,
-      setAuth: (user, accessToken, refreshToken) =>
-        set({
-          user,
-          accessToken: accessToken ?? null,
-          refreshToken: refreshToken ?? null,
-          isAuthenticated: true,
-        }),
-      logout: () =>
-        set({
-          user: null,
-          accessToken: null,
-          refreshToken: null,
-          isAuthenticated: false,
-        }),
-    }),
-    {
-      name: 'auth-storage',
-    },
-  ),
-);
+    });
+  },
+}));