fix slots rendering

fisirc · Nov 18, 2024 · acb28b4 · acb28b4
1 parent 7dabf19
commit acb28b4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/app/src/pages/Editor/components/GalleryCanvas2D.tsx b/app/src/pages/Editor/components/GalleryCanvas2D.tsx
@@ -10,7 +10,7 @@ import { PictureSlot } from './blocks/PictureSlot';
 import { useEditorStore } from '@/stores/editorAction';
 import { setCursor } from '@/utils';
 import { useApi } from '@/hooks/useApi';
-import { GenericGalleryBlock, isDoorBlock, isModel3DBlock, isWallBlock, PictureSlotProps } from '@/types';
+import { GenericGalleryBlock, isDoorBlock, isModel3DBlock, isPictureSlotBlock, isWallBlock, PictureSlotProps } from '@/types';
 
 export const GalleryCanvas2D = ({ gallery }: { gallery: string }) => {
   const [viewport, setViewport] = useState({ x: 0, y: 0 });
@@ -167,8 +167,7 @@ export const GalleryCanvas2D = ({ gallery }: { gallery: string }) => {
         <Layer>
           {
             blocks.map((item, index) => {
-              if (isWallBlock(item)) {
-                return null;
+              if (isPictureSlotBlock(item)) {
                 return <PictureSlot key={index} block={item as PictureSlotProps} />;
               }
               if (isModel3DBlock(item)) {

diff --git a/app/src/pages/Editor/index.tsx b/app/src/pages/Editor/index.tsx
@@ -1,18 +1,15 @@
-import { Suspense, useState } from 'react';
+import { useState } from 'react';
 import { UserButton } from '@/components/UserButton';
 import { DynamicText } from '@/components/DynamicText';
-import { GalleryCanvas2D } from './components/GalleryCanvas';
+import { GalleryCanvas2D } from './components/GalleryCanvas2D';
 import { MenuBurger } from './components/MenuBurger';
 import { MainButtons } from './components/MainButtons';
 import { EditorSidebar } from './components/ContentSidebar';
 import { DRAG_PORTAL_ID } from './components/constants';
-import { useLocation } from 'wouter';
-import { Modal } from '@mantine/core';
 import { Gallery3D } from '../Gallery3D';
 
 export const Editor = ({ gallery }: { gallery: string }) => {
   const [projectName, setProjectName] = useState('Nueva galería');
-  const [location, setLocation] = useLocation();
   const [previewOpened, setPreviewOpened] = useState(false);
 
   return (

diff --git a/app/src/types.ts b/app/src/types.ts
@@ -61,6 +61,10 @@ export const isWallBlock = (block: GenericGalleryBlock): block is WallBlockProps
   return block.type === 'wall';
 };
 
+export const isPictureSlotBlock = (block: GenericGalleryBlock): block is WallBlockProps => {
+  return block.type === 'wall' && block.props.res !== null;
+};
+
 export const isModel3DBlock = (block: GenericGalleryBlock): block is Model3DBlockProps => {
   return block.type === 'model3d';
 };