Loading ClipCraft AI...

\n );\n }\n \n return (\n \n

\n \n

\n \n );\n};\n\n// Protected route component\nconst ProtectedRoute: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n const { isAuthenticated, isLoading } = useAuth();\n const navigate = useNavigate();\n \n useEffect(() => {\n if (!isLoading && !isAuthenticated) {\n navigate('/login', { replace: true });\n }\n }, [isAuthenticated, isLoading, navigate]);\n \n if (isLoading) {\n return (\n

Verifying authentication...

\n );\n }\n \n return isAuthenticated ? <>{children} : null;\n};\n\n// App routes\nconst AppRoutes: React.FC = () => {\n return (\n \n {/* Public routes */}\n } />\n } />\n \n {/* Protected 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 {/* 404 route */}\n } />\n \n );\n};\n\nexport default App;","deleted","label",[167,149],"frontend","permalink","https://www.val.town/x/gpunion07/GPUNION/code/frontend/index.tsx","extension","actionData","errors"]