From 742e04bfa8acb1ec89424f8afe737e8955153d66 Mon Sep 17 00:00:00 2001
From: CrossPr0duct <alicextensor@gmail.com>
Date: Wed, 4 Jun 2025 20:32:34 -0400
Subject: [PATCH] Single panel fix and conditional rendering.

---
 .../app/src/pages/PageEnigma/PageEditor.tsx   | 36 ++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/frontend/apps/editor3d/app/src/pages/PageEnigma/PageEditor.tsx b/frontend/apps/editor3d/app/src/pages/PageEnigma/PageEditor.tsx
index 2baadce5e5..fa0e9a9f92 100644
--- a/frontend/apps/editor3d/app/src/pages/PageEnigma/PageEditor.tsx
+++ b/frontend/apps/editor3d/app/src/pages/PageEnigma/PageEditor.tsx
@@ -353,7 +353,7 @@ export const PageEditor = () => {
         is3DInitSignal={is3DEditorInitialized}
       />
       {display3d && (
-        <>
+        <div>
           <OnboardingHelper />
           <div
             className="relative flex w-screen"
@@ -439,23 +439,27 @@ export const PageEditor = () => {
                   )}
                 />
 
-              <LoadingDots
-                className="absolute left-0 top-0 z-50"
-                isShowing={editorLoader.value.isShowing}
-                type="bricks"
-                message={editorLoader.value.message}
-              />
+                <LoadingDots
+                  className="absolute left-0 top-0 z-50"
+                  isShowing={editorLoader.value.isShowing}
+                  type="bricks"
+                  message={editorLoader.value.message}
+                />
+              </div>
             </div>
           </div>
         </div>
-      </>
-      {/* <KonvaCanvasContainer style={{ display: display2d }}>
-        <KonvaRootComponent className="h-full w-full" />
-      </KonvaCanvasContainer> */}
-      <div style={{ display: display2d }}>
-        <PageDraw />
-      </div>
-
+      )}
+      {display2d && (
+        <div>
+          <PageDraw />
+        </div>
+      )}
+      {displayVideo && (
+        <div>
+          <PageDraw />
+        </div>
+      )}
       {displayVideo && (
         <div>
           <ImageToVideo
@@ -493,4 +497,4 @@ export const PageEditor = () => {
       /> */}
     </div>
   );
-};
+};