diff --git a/src/app/provider/authStore.ts b/src/app/provider/authStore.ts index 8fc2a962..5a6fe620 100644 --- a/src/app/provider/authStore.ts +++ b/src/app/provider/authStore.ts @@ -1,4 +1,5 @@ import { create } from 'zustand'; +import { persist } from 'zustand/middleware'; interface AuthStore { isLoggedIn: boolean; @@ -13,18 +14,25 @@ interface AuthStore { closeModal: () => void; } -export const useAuthStore = create()(set => ({ - isLoggedIn: false, - isModalOpen: false, - - openModal: () => set({ isModalOpen: true }), - closeModal: () => set({ isModalOpen: false }), - - login: () => set({ isLoggedIn: true }), - logout: () => set({ isLoggedIn: false, name: null }), - - name: null, - setName: name => set({ name }), -})); +export const useAuthStore = create()( + persist( + set => ({ + isLoggedIn: false, + isModalOpen: false, + + openModal: () => set({ isModalOpen: true }), + closeModal: () => set({ isModalOpen: false }), + + login: () => set({ isLoggedIn: true }), + logout: () => set({ isLoggedIn: false, name: null }), + + name: null, + setName: name => set({ name }), + }), + { + name: 'auth-storage', + } + ) +); export default useAuthStore;