Przeglądaj źródła

Fix status indicator not syncing when switching tables

Reset isConnected and isBackendConnected to false when switching tables
so the header status indicator shows the transitional state until the
new table's WebSocket connection reports its actual status.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
tuanchris 2 tygodni temu
rodzic
commit
da7b895e92
1 zmienionych plików z 2 dodań i 0 usunięć
  1. 2 0
      frontend/src/components/layout/Layout.tsx

+ 2 - 0
frontend/src/components/layout/Layout.tsx

@@ -283,6 +283,8 @@ export function Layout() {
     const unsubscribe = apiClient.onBaseUrlChange(() => {
       if (isMounted) {
         wasPlayingRef.current = null // Reset playing state for new table
+        setIsConnected(false) // Reset connection status until new table reports
+        setIsBackendConnected(false) // Show connecting state
         connectWebSocket()
       }
     })