Cleanup routes with AuthRoute

This commit is contained in:
2023-04-13 18:18:30 -04:00
parent 29e417c9d0
commit 8670612259

View File

@@ -9,29 +9,32 @@ import ManagePage from "./pages/ManagePage";
import ManageStudentsPage from "./pages/ManageStudentsPage";
import AuthenticatedRoute from "./components/AuthenticatedRoute";
const AuthRoute = ({ isAuthenticated = true, path, children }) => {
return (
<Route path={path}>
<AuthenticatedRoute isAuthenticated={isAuthenticated}>
{children}
</AuthenticatedRoute>
</Route>
);
};
function App() {
return (
<div className="App">
<Route path="/login">
<AuthenticatedRoute isAuthenticated={false}>
<AuthRoute path="/login" isAuthenticated={false}>
<LoginPage />
</AuthenticatedRoute>
</Route>
<Route path="/logout">
<AuthenticatedRoute isAuthenticated={false}>
</AuthRoute>
<AuthRoute path="/logout" isAuthenticated={false}>
<LogoutPage />
</AuthenticatedRoute>
</Route>
<Route path="/register">
<AuthenticatedRoute isAuthenticated={false}>
</AuthRoute>
<AuthRoute path="/register" isAuthenticated={false}>
<RegisterPage />
</AuthenticatedRoute>
</Route>
<Route path="/">
<AuthenticatedRoute>
</AuthRoute>
<AuthRoute path="/">
<HomePage />
</AuthenticatedRoute>
</Route>
</AuthRoute>
<Route path="/course/:id">
{(params) => {
@@ -43,11 +46,9 @@ function App() {
}}
</Route>
<Route path="/manage">
<AuthenticatedRoute>
<AuthRoute path="/manage">
<ManagePage />
</AuthenticatedRoute>
</Route>
</AuthRoute>
<Route path="/manage/:cid/students">
{(params) => {