feat: Refactor auth modal store to include error handling and simplify usage in hooks

Author: medyo

src/features/auth/hooks/useAuth.ts

@@ -4,7 +4,7 @@ import { trackUserDisconnect } from 'src/lib/analytics'
 import { firebaseAuth } from 'src/lib/firebase'
 
 export const useAuth = () => {
-  const { isAuthModalOpen, openAuthModal, closeAuthModal } = AuthModalStore()
+  const authModalStore = AuthModalStore()
   const authStore = AuthStore()
   const { user, providerId, initState, clear } = authStore
 
@@ -18,12 +18,10 @@ export const useAuth = () => {
   }
 
   return {
-    openAuthModal,
-    closeAuthModal,
+    ...authModalStore,
     initState,
     isConnected,
     logout,
-    isAuthModalOpen,
     user,
     providerId,
   }

src/features/auth/stores/authModalStore.ts

@@ -1,13 +1,23 @@
 import { create } from 'zustand'
 
+type AuthError = {
+  message: string
+  retry?: {
+    label: string
+  } | null
+}
 interface AuthModalState {
   isAuthModalOpen: boolean
+  authError: AuthError | null
   openAuthModal: () => void
   closeAuthModal: () => void
+  setAuthError: (error: AuthError | null) => void
 }
 
 export const AuthModalStore = create<AuthModalState>((set) => ({
   isAuthModalOpen: false,
+  authError: null,
+  setAuthError: (error) => set({ authError: error }),
   openAuthModal: () => set({ isAuthModalOpen: true }),
   closeAuthModal: () => set({ isAuthModalOpen: false }),
 }))