first commit

web/src/components/AuthBootstrap.tsx

@@ -0,0 +1,27 @@
+import { ReactNode, useEffect, useRef } from 'react'
+import { FullPageLoading } from './FullPageLoading'
+import { useAuthStore } from '../stores/auth'
+
+interface AuthBootstrapProps {
+  children: ReactNode
+}
+
+export function AuthBootstrap({ children }: AuthBootstrapProps) {
+  const bootstrap = useAuthStore((state) => state.bootstrap)
+  const bootstrapped = useAuthStore((state) => state.bootstrapped)
+  const startedRef = useRef(false)
+
+  useEffect(() => {
+    if (startedRef.current) {
+      return
+    }
+    startedRef.current = true
+    void bootstrap()
+  }, [bootstrap])
+
+  if (!bootstrapped) {
+    return <FullPageLoading tip="正在初始化登录状态..." />
+  }
+
+  return <>{children}</>
+}