feat(usr): add MainPage and update App routing for tab shell (24664be0) | Commits | 朱子纯 / test3

Authored by zichun 2026-05-08 14:46:39 +0800

1 parent 2a548826

Showing 3 changed files with 31 additions and 4 deletions

frontend/src/App.tsx

  import { Navigate, Route, Routes } from 'react-router-dom'
  import { useAppSelector } from './store/hooks'
++import AppShell from './components/AppShell'
  import LoginPage from './pages/usr/LoginPage'
++import MainPage from './pages/MainPage'
  import UserListPage from './pages/usr/UserListPage'
++import UserDetailPage from './pages/usr/UserDetailPage'
--function PrivateRoute({ children }: { children: React.ReactNode }) {
++function AuthenticatedShell() {
    const accessToken = useAppSelector(s => s.auth.accessToken)
--  return accessToken ? <>{children}</> : <Navigate to="/login" replace />
++  if (!accessToken) return <Navigate to="/login" replace />
++  return <AppShell />
  }
  export default function App() {
    return (
      <Routes>
        <Route path="/login" element={<LoginPage />} />
--      <Route path="/" element={<PrivateRoute><div>主页（待实现）</div></PrivateRoute>} />
--      <Route path="/usr/users" element={<PrivateRoute><UserListPage /></PrivateRoute>} />
++      <Route element={<AuthenticatedShell />}>
++        <Route path="/" element={<MainPage />} />
++        <Route path="/usr/users" element={<UserListPage />} />
++        <Route path="/usr/users/new" element={<UserDetailPage />} />
++        <Route path="/usr/users/:id" element={<UserDetailPage />} />
++      </Route>
        <Route path="*" element={<Navigate to="/" replace />} />
      </Routes>
    )

frontend/src/pages/MainPage.tsx 0 → 100644

		1	+import { useEffect } from 'react'
		2	+import { useAppDispatch } from '../store/hooks'
		3	+import { activateTab } from '../store/slices/tabsSlice'
		4	+
		5	+export default function MainPage() {
		6	+ const dispatch = useAppDispatch()
		7	+ useEffect(() => {
		8	+ dispatch(activateTab('main'))
		9	+ }, [dispatch])
		10	+
		11	+ return (
		12	+ <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', color: '#888', fontSize: 16 }}>
		13	+ 主页（功能待实现）
		14	+ </div>
		15	+ )
		16	+}

frontend/src/pages/usr/UserDetailPage.tsx 0 → 100644

		1	+export default function UserDetailPage() {
		2	+ return null
		3	+}