File size: 2,180 Bytes
e3eb984 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 |
import { Routes, Route, Navigate } from 'react-router-dom'
import { useEffect } from 'react'
import { useAuthStore } from './store/authStore'
import { Toaster } from './components/ui/toaster'
// Pages
import LoginPage from './pages/LoginPage'
import RegisterPage from './pages/RegisterPage'
import ChatPage from './pages/ChatPage'
import AdminPage from './pages/AdminPage'
import ProfilePage from './pages/ProfilePage'
// Components
import ProtectedRoute from './components/ProtectedRoute'
import LoadingSpinner from './components/LoadingSpinner'
function App() {
const { user, loading, checkAuth } = useAuthStore()
useEffect(() => {
checkAuth()
}, [checkAuth])
if (loading) {
return (
<div className="min-h-screen flex items-center justify-center">
<LoadingSpinner size="lg" />
</div>
)
}
return (
<div className="min-h-screen bg-background">
<Routes>
{/* Public routes */}
<Route
path="/login"
element={user ? <Navigate to="/chat" replace /> : <LoginPage />}
/>
<Route
path="/register"
element={user ? <Navigate to="/chat" replace /> : <RegisterPage />}
/>
{/* Protected routes */}
<Route
path="/chat/*"
element={
<ProtectedRoute>
<ChatPage />
</ProtectedRoute>
}
/>
<Route
path="/profile"
element={
<ProtectedRoute>
<ProfilePage />
</ProtectedRoute>
}
/>
<Route
path="/admin/*"
element={
<ProtectedRoute requireAdmin>
<AdminPage />
</ProtectedRoute>
}
/>
{/* Default redirect */}
<Route
path="/"
element={<Navigate to={user ? "/chat" : "/login"} replace />}
/>
{/* 404 fallback */}
<Route
path="*"
element={<Navigate to={user ? "/chat" : "/login"} replace />}
/>
</Routes>
<Toaster />
</div>
)
}
export default App
|