65 lines
2.3 KiB
JavaScript
65 lines
2.3 KiB
JavaScript
import { useEffect } from 'react';
|
|
import { Routes, Route, Navigate } from 'react-router-dom';
|
|
import { useAuth } from './contexts/AuthContext';
|
|
import { useLanguage } from './contexts/LanguageContext';
|
|
import { useBranding } from './contexts/BrandingContext';
|
|
import Layout from './components/Layout';
|
|
import ProtectedRoute from './components/ProtectedRoute';
|
|
import Home from './pages/Home';
|
|
import Login from './pages/Login';
|
|
import Register from './pages/Register';
|
|
import VerifyEmail from './pages/VerifyEmail';
|
|
import Dashboard from './pages/Dashboard';
|
|
import RoomDetail from './pages/RoomDetail';
|
|
import Settings from './pages/Settings';
|
|
import Admin from './pages/Admin';
|
|
import GuestJoin from './pages/GuestJoin';
|
|
|
|
export default function App() {
|
|
const { user, loading } = useAuth();
|
|
const { setLanguage } = useLanguage();
|
|
const { appName } = useBranding();
|
|
|
|
// Sync language from server when user loads
|
|
useEffect(() => {
|
|
if (user?.language) {
|
|
setLanguage(user.language);
|
|
}
|
|
}, [user?.language, setLanguage]);
|
|
|
|
// Update document title with branding
|
|
useEffect(() => {
|
|
document.title = `${appName} - BigBlueButton Frontend`;
|
|
}, [appName]);
|
|
|
|
if (loading) {
|
|
return (
|
|
<div className="min-h-screen bg-th-bg flex items-center justify-center">
|
|
<div className="animate-spin rounded-full h-12 w-12 border-4 border-th-accent border-t-transparent" />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Routes>
|
|
{/* Public routes */}
|
|
<Route path="/" element={user ? <Navigate to="/dashboard" /> : <Home />} />
|
|
<Route path="/login" element={user ? <Navigate to="/dashboard" /> : <Login />} />
|
|
<Route path="/register" element={user ? <Navigate to="/dashboard" /> : <Register />} />
|
|
<Route path="/verify-email" element={<VerifyEmail />} />
|
|
<Route path="/join/:uid" element={<GuestJoin />} />
|
|
|
|
{/* Protected routes */}
|
|
<Route element={<ProtectedRoute><Layout /></ProtectedRoute>}>
|
|
<Route path="/dashboard" element={<Dashboard />} />
|
|
<Route path="/rooms/:uid" element={<RoomDetail />} />
|
|
<Route path="/settings" element={<Settings />} />
|
|
<Route path="/admin" element={<Admin />} />
|
|
</Route>
|
|
|
|
{/* Catch all */}
|
|
<Route path="*" element={<Navigate to="/" />} />
|
|
</Routes>
|
|
);
|
|
}
|