feat(auth): add pending action queue and api auth wrapper

2026-02-22 08:29:18 +08:00
parent dc629c9472
commit 8ce3b8a8b5
3 changed files with 38 additions and 7 deletions
@@ -2,7 +2,7 @@ import { create } from "zustand"

 interface LoginDialogState {
  open: boolean
-  pendingAction: (() => void) | null
+  pendingActions: Array<() => void>
  openLoginDialog: (action?: () => void) => void
  closeLoginDialog: () => void
  consumePendingAction: () => void
@@ -10,12 +10,18 @@ interface LoginDialogState {

 export const useLoginDialogStore = create<LoginDialogState>((set, get) => ({
  open: false,
-  pendingAction: null,
-  openLoginDialog: (action) => set({ open: true, pendingAction: action ?? null }),
-  closeLoginDialog: () => set({ open: false, pendingAction: null }),
+  pendingActions: [],
+  openLoginDialog: (action) =>
+    set((state) => ({
+      open: true,
+      pendingActions: action ? [...state.pendingActions, action] : state.pendingActions,
+    })),
+  closeLoginDialog: () => set({ open: false, pendingActions: [] }),
  consumePendingAction: () => {
-    const action = get().pendingAction
-    set({ pendingAction: null })
-    action?.()
+    const actions = get().pendingActions
+    set({ pendingActions: [] })
+    actions.forEach((action) => {
+      action()
+    })
  },
 }))