Cleanup routes with AuthRoute
This commit is contained in:
@@ -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) => {
|
||||
|
||||
Reference in New Issue
Block a user