From 8390b22ff778d75fc50526e8f2e97b0baee46628 Mon Sep 17 00:00:00 2001
From: Paolo Flores <pflores.fisi22@gmail.com>
Date: Sun, 1 Dec 2024 22:22:34 -0500
Subject: [PATCH] temporal fix for galleries

---
 .../pages/Editor/components/blocks/PictureSlot.tsx |  8 ++++++--
 app/src/pages/Gallery3D/index.tsx                  | 14 +++++++++-----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/src/pages/Editor/components/blocks/PictureSlot.tsx b/app/src/pages/Editor/components/blocks/PictureSlot.tsx
index a1561f1..fc254f6 100644
--- a/app/src/pages/Editor/components/blocks/PictureSlot.tsx
+++ b/app/src/pages/Editor/components/blocks/PictureSlot.tsx
@@ -62,11 +62,15 @@ export const PictureSlot = memo(({ idRef, v, res, props }: PictureSlotProps) =>
     imgOffsetY = frameHeight / 2 - imgHeight / 2;
   }
 
+  // const changedX = -pos[0] + (pos[0] > 0 ? frameWidth : -frameWidth);
+  // const changedX = -pos[0] - frameWidth;
+  const changedX = pos[0];
+
   return (
     <Group>
       { /* Base color and border */}
       <Rect
-        x={-pos[0] - frameWidth}
+        x={changedX}
         y={pos[1]}
         width={frameWidth}
         height={frameHeight}
@@ -132,7 +136,7 @@ export const PictureSlot = memo(({ idRef, v, res, props }: PictureSlotProps) =>
       { /* Rendered image */}
       {
         image && <Image
-          x={-pos[0] - frameWidth - imgOffsetY * sine(rotation) + imgOffsetX * cosine(rotation)}
+          x={changedX - imgOffsetY * sine(rotation) + imgOffsetX * cosine(rotation)}
           y={pos[1] + imgOffsetY * cosine(rotation) + imgOffsetX * sine(rotation)}
           width={imgWidth}
           height={imgHeight}
diff --git a/app/src/pages/Gallery3D/index.tsx b/app/src/pages/Gallery3D/index.tsx
index a908d80..ffda9dd 100644
--- a/app/src/pages/Gallery3D/index.tsx
+++ b/app/src/pages/Gallery3D/index.tsx
@@ -41,11 +41,15 @@ export const Gallery3D = ({ gallery, withTopOffset }: Gallery3DProps) => {
           </>
         )
       }
-      <Button size='compact-sm' onClick={() => toggle()} style={{ height: 32, position: 'absolute', zIndex: 69, top: withTopOffset ? 78 : 8, left: 8 }}>
-        {
-          fullscreen ? <IconMaximizeOff /> : <IconMaximize />
-        }
-      </Button>
+      {
+        !loading && (
+          <Button size='compact-sm' onClick={() => toggle()} style={{ height: 32, position: 'absolute', zIndex: 69, top: withTopOffset ? 78 : 8, left: 8 }}>
+            {
+              fullscreen ? <IconMaximizeOff /> : <IconMaximize />
+            }
+          </Button>
+        )
+      }
       <Canvas
         camera={{ fov: 70 }}
         onPointerDown={(e) => {