🚫

Access Denied

You don't have permission to access this page.

\n );\n }\n \n return <>{children};\n}\n\n// Public Route Component (redirects if already authenticated)\nfunction PublicRoute({ children }: { children: React.ReactNode }) {\n const { user, loading } = useAuth();\n \n if (loading) {\n return ;\n }\n \n if (user) {\n // Redirect based on user role\n const redirectPath = user.role === 'admin' ? '/admin/dashboard' : '/member/dashboard';\n return ;\n }\n \n return <>{children};\n}\n\n// Main App Component\nfunction AppContent() {\n const { user } = useAuth();\n \n return (\n \n \n \n {/* Public Routes */}\n \n \n \n } \n />\n \n {/* Protected Routes */}\n \n \n \n }\n >\n {/* Default redirect based on user role */}\n \n } \n />\n \n {/* Admin Routes */}\n \n }>\n \n \n \n } \n />\n \n }>\n \n \n \n } \n />\n \n }>\n \n \n \n } \n />\n \n }>\n \n \n \n } \n />\n \n }>\n \n \n \n } \n />\n \n }>\n \n \n \n } \n />\n \n }>\n \n \n \n } \n />\n \n {/* Member Routes */}\n \n }>\n \n \n \n } \n />\n \n {/* Shared Routes */}\n \n }>\n \n \n \n } \n />\n \n }>\n \n \n \n } \n />\n \n \n {/* 404 Route */}\n \n

🔍

Page Not Found

The page you're looking for doesn't exist.

\n \n

\n \n } \n />\n \n \n \n );\n}\n\n// Root App Component with Providers\nexport default function App() {\n const [isOnline, setIsOnline] = useState(navigator.onLine);\n \n useEffect(() => {\n const handleOnline = () => setIsOnline(true);\n const handleOffline = () => setIsOnline(false);\n \n window.addEventListener('online', handleOnline);\n window.addEventListener('offline', handleOffline);\n \n return () => {\n window.removeEventListener('online', handleOnline);\n window.removeEventListener('offline', handleOffline);\n };\n }, []);\n \n return (\n \n \n \n {/* Offline Indicator */}\n {!isOnline && (\n

\n \n 🔌 You're offline. Some features may not work properly.\n \n

\n )}\n \n \n \n \n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/rohitr21/untitled-4063/code/frontend/components/App.tsx","extension","actionData","errors"]