41 lines
1.6 KiB
React
41 lines
1.6 KiB
React
import React from 'react'
|
|
import ReactDOM from 'react-dom/client'
|
|
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
|
|
import { AuthProvider, useAuth } from './context/AuthContext'
|
|
import App from './App.jsx'
|
|
import RegisterPage from './pages/RegisterPage'
|
|
import LoginPage from './pages/LoginPage'
|
|
import ChatOnboarding from './pages/ChatOnboarding'
|
|
import './index.css'
|
|
|
|
function ProtectedRoute({ children, requireOnboarding = true }) {
|
|
const { user, loading } = useAuth();
|
|
if (loading) return <div className="app loading"><div className="spinner"></div></div>;
|
|
if (!user) return <Navigate to="/login" />;
|
|
if (requireOnboarding && !user.onboarding_complete) return <Navigate to="/onboarding" />;
|
|
return children;
|
|
}
|
|
|
|
function AuthRoute({ children }) {
|
|
const { user, loading } = useAuth();
|
|
if (loading) return <div className="app loading"><div className="spinner"></div></div>;
|
|
if (user?.onboarding_complete) return <Navigate to="/" />;
|
|
if (user) return <Navigate to="/onboarding" />;
|
|
return children;
|
|
}
|
|
|
|
ReactDOM.createRoot(document.getElementById('root')).render(
|
|
<React.StrictMode>
|
|
<BrowserRouter>
|
|
<AuthProvider>
|
|
<Routes>
|
|
<Route path="/register" element={<AuthRoute><RegisterPage /></AuthRoute>} />
|
|
<Route path="/login" element={<AuthRoute><LoginPage /></AuthRoute>} />
|
|
<Route path="/onboarding" element={<ProtectedRoute requireOnboarding={false}><ChatOnboarding /></ProtectedRoute>} />
|
|
<Route path="/*" element={<ProtectedRoute><App /></ProtectedRoute>} />
|
|
</Routes>
|
|
</AuthProvider>
|
|
</BrowserRouter>
|
|
</React.StrictMode>,
|
|
)
|