66 lines
2.2 KiB
TypeScript
66 lines
2.2 KiB
TypeScript
import { useState, useCallback } from 'react';
|
|
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
|
|
import { ConfigProvider, theme } from 'antd';
|
|
import zhCN from 'antd/locale/zh_CN';
|
|
import LoginPage from './pages/LoginPage';
|
|
import MainLayout from './layouts/MainLayout';
|
|
import DashboardPage from './pages/DashboardPage';
|
|
import AccountsPage from './pages/AccountsPage';
|
|
import AssignmentsPage from './pages/AssignmentsPage';
|
|
import LoginTasksPage from './pages/LoginTasksPage';
|
|
import ProxyPage from './pages/ProxyPage';
|
|
import UsersPage from './pages/UsersPage';
|
|
import CookiePage from './pages/CookiePage';
|
|
import { getUser } from './store/auth';
|
|
import { ThemeProvider } from './store/theme';
|
|
import { useTheme } from './store/useTheme';
|
|
|
|
function AppContent() {
|
|
// 用 state 驱动重渲染，登录/登出时调 refreshAuth()
|
|
const [authVersion, setAuthVersion] = useState(0);
|
|
const refreshAuth = useCallback(() => setAuthVersion((v) => v + 1), []);
|
|
const isLoggedIn = !!getUser();
|
|
const { isDark } = useTheme();
|
|
|
|
return (
|
|
<ConfigProvider
|
|
locale={zhCN}
|
|
theme={{
|
|
algorithm: isDark ? theme.darkAlgorithm : theme.defaultAlgorithm,
|
|
token: {
|
|
borderRadius: 6,
|
|
},
|
|
}}
|
|
>
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/login" element={<LoginPage onLogin={refreshAuth} />} />
|
|
<Route
|
|
path="/"
|
|
element={isLoggedIn ? <MainLayout key={authVersion} onLogout={refreshAuth} /> : <Navigate to="/login" replace />}
|
|
>
|
|
<Route index element={<DashboardPage />} />
|
|
<Route path="accounts" element={<AccountsPage />} />
|
|
<Route path="assignments" element={<AssignmentsPage />} />
|
|
<Route path="login-tasks" element={<LoginTasksPage />} />
|
|
<Route path="cookies" element={<CookiePage />} />
|
|
<Route path="proxy" element={<ProxyPage />} />
|
|
<Route path="users" element={<UsersPage />} />
|
|
</Route>
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
</BrowserRouter>
|
|
</ConfigProvider>
|
|
);
|
|
}
|
|
|
|
function App() {
|
|
return (
|
|
<ThemeProvider>
|
|
<AppContent />
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|