From 0e1d4e5eee43e521ab2bfee611e2316e2b5513c0 Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Sun, 3 Aug 2025 19:01:28 -0700
Subject: [PATCH] fix flicker

---
 apps/client/src/features/editor/page-editor.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/features/editor/page-editor.tsx b/apps/client/src/features/editor/page-editor.tsx
index dd88a0ef..b13e0092 100644
--- a/apps/client/src/features/editor/page-editor.tsx
+++ b/apps/client/src/features/editor/page-editor.tsx
@@ -355,15 +355,20 @@ export default function PageEditor({
   const [showStatic, setShowStatic] = useState(true);
 
   useEffect(() => {
+    // Wait for both connection and sync before switching from static editor
     if (
       !hasConnectedOnceRef.current &&
       remoteProvider?.configuration.websocketProvider.status ===
-        WebSocketStatus.Connected
+        WebSocketStatus.Connected &&
+      isLocalSynced // Also wait for local sync to complete
     ) {
       hasConnectedOnceRef.current = true;
-      setShowStatic(false);
+      // Small delay to ensure smooth transition
+      setTimeout(() => {
+        setShowStatic(false);
+      }, 100);
     }
-  }, [remoteProvider?.configuration.websocketProvider.status]);
+  }, [remoteProvider?.configuration.websocketProvider.status, isLocalSynced]);
 
   if (showStatic) {
     return (