diff --git a/frontend-modern/src/App.tsx b/frontend-modern/src/App.tsx index c6eaf1c6f..089cbb568 100644 --- a/frontend-modern/src/App.tsx +++ b/frontend-modern/src/App.tsx @@ -46,16 +46,14 @@ export const useDarkMode = () => { }; function App() { - console.log('[App] Component initializing...'); - - // Simple auth state - START WITH FALSE TO BYPASS LOADING - const [isLoading, setIsLoading] = createSignal(false); + // Simple auth state + const [isLoading, setIsLoading] = createSignal(true); const [needsAuth, setNeedsAuth] = createSignal(false); const [hasAuth, setHasAuth] = createSignal(false); const [proxyAuthInfo, setProxyAuthInfo] = createSignal<{ username?: string; logoutURL?: string } | null>(null); - // Initialize WebSocket immediately for testing - const [wsStore, setWsStore] = createSignal(getGlobalWebSocketStore()); + // Don't initialize WebSocket until after auth check + const [wsStore, setWsStore] = createSignal(null); const state = () => wsStore()?.state || { vms: [], containers: [], nodes: [], pbs: [], lastUpdate: '' }; const connected = () => wsStore()?.connected() || false; const reconnecting = () => wsStore()?.reconnecting() || false; @@ -166,16 +164,7 @@ function App() { // Check auth on mount onMount(async () => { - console.log('[App] onMount triggered, starting auth check...'); - console.log('[App] Current location:', window.location.href); - - // Add a timeout fallback - if auth check takes too long, just proceed - const timeoutId = setTimeout(() => { - console.error('[App] Auth check timeout - proceeding without auth'); - setIsLoading(false); - setNeedsAuth(false); - setWsStore(getGlobalWebSocketStore()); - }, 10000); // 10 second timeout + console.log('[App] Starting auth check...'); // Check if we just logged out - if so, always show login page const justLoggedOut = localStorage.getItem('just_logged_out'); @@ -190,11 +179,8 @@ function App() { // First check security status to see if auth is configured try { - console.log('[App] Fetching /api/security/status...'); const securityRes = await apiFetch('/api/security/status'); - console.log('[App] Security response received:', securityRes.status); const securityData = await securityRes.json(); - console.log('[App] Security data:', securityData); console.log('[App] Security status:', securityData); // Check if auth is disabled via DISABLE_AUTH @@ -342,7 +328,6 @@ function App() { // Theme is already applied on initialization, no need to reapply } finally { - clearTimeout(timeoutId); // Clear the timeout since we completed setIsLoading(false); } @@ -411,7 +396,6 @@ function App() { const enhancedStore = () => wsStore(); // Use Show for reactive rendering - console.log('[App] Rendering, isLoading:', isLoading()); return (