Spaces:
Sleeping
Sleeping
File size: 2,655 Bytes
1c8e50c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 |
import React, { Suspense, lazy } from 'react';
import { BrowserRouter as Router, Navigate, Route, Routes, useLocation } from 'react-router-dom';
import { AuthProvider, useAuth } from './context/AuthContext';
import AppLayout from './components/Layout/AppLayout';
import Loader from './components/common/Loader';
const Login = lazy(() => import('./components/Auth/Login'));
const Register = lazy(() => import('./components/Auth/Register'));
const Dashboard = lazy(() => import('./components/Layout/Dashboard'));
const SubmissionList = lazy(() => import('./components/Submission/SubmissionList'));
const ProtectedRoute = ({ children }) => {
const { isAuthenticated, loading } = useAuth();
const location = useLocation();
if (loading) {
return <Loader label="Preparing your workspace" />;
}
if (!isAuthenticated) {
return <Navigate to="/login" replace state={{ from: location }} />;
}
return <AppLayout>{children}</AppLayout>;
};
const PublicRoute = ({ children }) => {
const { isAuthenticated, loading } = useAuth();
const location = useLocation();
if (loading) {
return <Loader label="Preparing your workspace" />;
}
if (isAuthenticated) {
const redirectTo = location.state?.from?.pathname ?? '/dashboard';
return <Navigate to={redirectTo} replace />;
}
return <div className="auth-layout">{children}</div>;
};
function App() {
return (
<AuthProvider>
<Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Suspense fallback={<Loader label="Loading interface" />}>
<Routes>
<Route
path="/login"
element={(
<PublicRoute>
<Login />
</PublicRoute>
)}
/>
<Route
path="/register"
element={(
<PublicRoute>
<Register />
</PublicRoute>
)}
/>
<Route
path="/dashboard"
element={(
<ProtectedRoute>
<Dashboard />
</ProtectedRoute>
)}
/>
<Route
path="/submissions"
element={(
<ProtectedRoute>
<SubmissionList />
</ProtectedRoute>
)}
/>
<Route path="/" element={<Navigate to="/dashboard" replace />} />
<Route path="*" element={<Navigate to="/dashboard" replace />} />
</Routes>
</Suspense>
</Router>
</AuthProvider>
);
}
export default App;
|