62 lines
1.8 KiB
TypeScript
62 lines
1.8 KiB
TypeScript
import { BrowserRouter, Routes, Route, Navigate, Outlet } from 'react-router-dom';
|
|
import { authApi } from './services/api';
|
|
import LoginPage from './pages/Login';
|
|
import AdminLayout from './components/AdminLayout';
|
|
import PublicQueryPage from './pages/PublicQuery';
|
|
import DashboardPage from './pages/Dashboard';
|
|
import ManagePage from './pages/Manage';
|
|
import ProfilePage from './pages/Profile';
|
|
import EmployeeSerialsPage from './pages/EmployeeSerials';
|
|
|
|
const PrivateRoute = () => {
|
|
const user = authApi.getCurrentUser();
|
|
if (!user) {
|
|
return <Navigate to="/login" replace />;
|
|
}
|
|
return <Outlet />;
|
|
};
|
|
|
|
const PublicRoute = ({ children }: { children: React.ReactNode }) => {
|
|
const user = authApi.getCurrentUser();
|
|
if (user) {
|
|
return <Navigate to="/admin/dashboard" replace />;
|
|
}
|
|
return <>{children}</>;
|
|
};
|
|
|
|
const AdminRoutes = () => {
|
|
return (
|
|
<AdminLayout>
|
|
<Outlet />
|
|
</AdminLayout>
|
|
);
|
|
};
|
|
|
|
function App() {
|
|
return (
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/" element={<Navigate to="/login" replace />} />
|
|
<Route path="/login" element={
|
|
<PublicRoute>
|
|
<LoginPage />
|
|
</PublicRoute>
|
|
} />
|
|
<Route path="/query" element={<PublicQueryPage />} />
|
|
|
|
<Route element={<PrivateRoute />}>
|
|
<Route element={<AdminRoutes />}>
|
|
<Route path="/admin" element={<Navigate to="dashboard" replace />} />
|
|
<Route path="/admin/dashboard" element={<DashboardPage />} />
|
|
<Route path="/admin/manage" element={<ManagePage />} />
|
|
<Route path="/admin/employee-serials" element={<EmployeeSerialsPage />} />
|
|
<Route path="/admin/profile" element={<ProfilePage />} />
|
|
</Route>
|
|
</Route>
|
|
</Routes>
|
|
</BrowserRouter>
|
|
);
|
|
}
|
|
|
|
export default App;
|