46 lines
1.6 KiB
JavaScript
46 lines
1.6 KiB
JavaScript
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
|
|
import { AuthProvider, useAuth } from './contexts/AuthContext.jsx';
|
|
import { SocketProvider } from './contexts/SocketContext.jsx';
|
|
import { ToastProvider } from './contexts/ToastContext.jsx';
|
|
import Login from './pages/Login.jsx';
|
|
import Chat from './pages/Chat.jsx';
|
|
import ChangePassword from './pages/ChangePassword.jsx';
|
|
|
|
function ProtectedRoute({ children }) {
|
|
const { user, loading, mustChangePassword } = useAuth();
|
|
if (loading) return (
|
|
<div style={{ height: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
|
<div className="spinner" style={{ width: 36, height: 36 }} />
|
|
</div>
|
|
);
|
|
if (!user) return <Navigate to="/login" replace />;
|
|
if (mustChangePassword) return <Navigate to="/change-password" replace />;
|
|
return children;
|
|
}
|
|
|
|
function AuthRoute({ children }) {
|
|
const { user, loading, mustChangePassword } = useAuth();
|
|
if (loading) return null;
|
|
if (user && !mustChangePassword) return <Navigate to="/" replace />;
|
|
return children;
|
|
}
|
|
|
|
export default function App() {
|
|
return (
|
|
<BrowserRouter>
|
|
<ToastProvider>
|
|
<AuthProvider>
|
|
<SocketProvider>
|
|
<Routes>
|
|
<Route path="/login" element={<AuthRoute><Login /></AuthRoute>} />
|
|
<Route path="/change-password" element={<ChangePassword />} />
|
|
<Route path="/" element={<ProtectedRoute><Chat /></ProtectedRoute>} />
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
</SocketProvider>
|
|
</AuthProvider>
|
|
</ToastProvider>
|
|
</BrowserRouter>
|
|
);
|
|
}
|