36 lines
1.1 KiB
React
36 lines
1.1 KiB
React
|
import React from 'react';
|
||
|
|
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
|
||
|
|
import { AuthProvider, useAuth } from './contexts/AuthContext';
|
||
|
|
import Login from './pages/Login';
|
||
|
|
import Register from './pages/Register';
|
||
|
|
import Dashboard from './pages/Dashboard';
|
||
|
|
import Editor from './pages/Editor';
|
||
|
|
|
||
|
|
const ProtectedRoute = ({ children }) => {
|
||
|
|
const { user, loading } = useAuth();
|
||
|
|
if (loading) return <div>Loading...</div>;
|
||
|
|
if (!user) return <Navigate to="/login" />;
|
||
|
|
return children;
|
||
|
|
};
|
||
|
|
|
||
|
|
const AppContent = () => (
|
||
|
|
<Router>
|
||
|
|
<Routes>
|
||
|
|
<Route path="/login" element={<Login />} />
|
||
|
|
<Route path="/register" element={<Register />} />
|
||
|
|
<Route path="/dashboard" element={<ProtectedRoute><Dashboard /></ProtectedRoute>} />
|
||
|
|
<Route path="/editor/:id" element={<ProtectedRoute><Editor /></ProtectedRoute>} />
|
||
|
|
<Route path="/editor/new" element={<ProtectedRoute><Editor /></ProtectedRoute>} />
|
||
|
|
<Route path="*" element={<Navigate to="/dashboard" />} />
|
||
|
|
</Routes>
|
||
|
|
</Router>
|
||
|
|
);
|
||
|
|
|
||
|
|
const App = () => (
|
||
|
|
<AuthProvider>
|
||
|
|
<AppContent />
|
||
|
|
</AuthProvider>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default App;
|