| import ErrorBoundary from './components/ErrorBoundary.jsx' | |
| import React from 'react' | |
| import ReactDOM from 'react-dom/client' | |
| import { BrowserRouter, Routes, Route } from 'react-router-dom' | |
| import { AuthProvider } from './context/AuthContext.jsx' | |
| import { ThemeProvider } from './context/ThemeContext.jsx' | |
| import ProtectedRoute from './components/ProtectedRoute.jsx' | |
| import App from './App.jsx' | |
| import Login from './pages/auth/Login.jsx' | |
| import Signup from './pages/auth/Signup.jsx' | |
| import ForgotPassword from './pages/auth/ForgotPassword.jsx' | |
| import ResetPassword from './pages/auth/ResetPassword.jsx' | |
| import './index.css' | |
| ReactDOM.createRoot(document.getElementById('root')).render( | |
| <React.StrictMode> | |
| <AuthProvider> | |
| <ThemeProvider> | |
| <BrowserRouter> | |
| <Routes> | |
| {/* Public auth routes */} | |
| <Route path="/login" element={<Login />} /> | |
| <Route path="/signup" element={<Signup />} /> | |
| <Route path="/forgot-password" element={<ForgotPassword />} /> | |
| <Route path="/reset-password" element={<ResetPassword />} /> | |
| {/* Protected application routes */} | |
| <Route | |
| path="/*" | |
| element={ | |
| <ProtectedRoute> | |
| <ErrorBoundary><App /></ErrorBoundary> | |
| </ProtectedRoute> | |
| } | |
| /> | |
| </Routes> | |
| </BrowserRouter> | |
| </ThemeProvider> | |
| </AuthProvider> | |
| </React.StrictMode>, | |
| ) | |