refactor: 重构用户状态管理，使用AuthContext统一管理用户状态 (#46)

- 移除Header组件的initialUser参数，改为使用AuthContext
- 在登录成功后调用fetchUser更新用户状态
- 简化用户状态管理逻辑，避免props传递

Co-authored-by: awesomeYG <gang.yang@chaitin.com>

Author: awesomeYG

ui/front/src/app/layout.tsx

@@ -146,6 +146,7 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
     getAuthConfigData(),
     getUserData()
   ])
+
   const brand = brandResponse || null
 
   return (
@@ -172,7 +173,7 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
                   <AppRouterCacheProvider>
                     <ThemeProvider theme={theme}>
                       <CssBaseline />
-                      <Header initialUser={user} brandConfig={brand} initialForums={forums} />
+                      <Header brandConfig={brand} initialForums={forums} />
                       <main id='main-content'>
                         {props.children}
                       </main>

ui/front/src/app/login/ui/account.tsx

@@ -22,7 +22,7 @@ const Account = ({ isChecked, passwordConfig }: { isChecked: boolean, passwordCo
   const [, setToken] = useLocalStorageState<string>('auth_token', {
     defaultValue: '',
   });
-  const { user, loading } = useContext(AuthContext);
+  const { user, loading, fetchUser } = useContext(AuthContext);
   const searchParams = useSearchParams();
   const router = useRouter();
   const redirectUrl = searchParams?.get('redirect');
@@ -85,7 +85,7 @@ const Account = ({ isChecked, passwordConfig }: { isChecked: boolean, passwordCo
           expires: 7, // 7 天
           sameSite: 'Lax',
         });
-
+        await fetchUser()
         // 登录成功后重定向
         const targetUrl = redirectUrl || '/';
         router.replace(targetUrl);

ui/front/src/components/header/index.tsx

@@ -2,6 +2,7 @@
 
 import { ModelUserRole } from '@/api'
 import { ModelForum, ModelSystemBrand } from '@/api/types'
+import { AuthContext } from '@/components/authProvider'
 import { useAuthConfig } from '@/hooks/useAuthConfig'
 import { useRouterWithForum } from '@/hooks/useRouterWithForum'
 import SettingsIcon from '@mui/icons-material/Settings'
@@ -11,18 +12,17 @@ import Cookies from 'js-cookie'
 import Image from 'next/image'
 import Link from 'next/link'
 import { useParams, usePathname, useRouter } from 'next/navigation'
-import { useEffect, useState } from 'react'
+import { useContext, useEffect, useState } from 'react'
 import ForumSelector from '../ForumSelector'
 import LoggedInView from './loggedInView'
 
 interface HeaderProps {
-  initialUser?: any | null
   brandConfig: ModelSystemBrand
   initialForums?: ModelForum[]
 }
 
-const Header = ({ initialUser = null, brandConfig, initialForums = [] }: HeaderProps) => {
-  const [user, setUser] = useState(initialUser)
+const Header = ({ brandConfig, initialForums = [] }: HeaderProps) => {
+  const { user } = useContext(AuthContext)
   const router = useRouterWithForum()
   const plainRouter = useRouter()
   const pathname = usePathname()
@@ -37,14 +37,6 @@ const Header = ({ initialUser = null, brandConfig, initialForums = [] }: HeaderP
 
   // 从 authConfig 中获取配置
   const registrationEnabled = authConfig?.enable_register ?? true
-
-  useEffect(() => {
-    if (!initialUser) {
-      // 这里可以添加客户端获取用户信息的逻辑
-      // 或者触发页面刷新以重新获取服务端数据
-    }
-    setUser(initialUser)
-  }, [initialUser])
   // 使用状态来避免 hydration 不匹配
 
   useEffect(() => {