모듈면 있을 경우만 지붕면 할당 다시해야함

src/components/floor-plan/CanvasMenu.jsx

@@ -177,16 +177,12 @@ export default function CanvasMenu(props) {
       case 3:
         if (menuNumber > menu.index) {
           const modules = canvas.getObjects().filter((module) => module.name === POLYGON_TYPE.MODULE)
+          const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
 
-          canvas
-            .getObjects()
-            .filter((obj) => obj.name === POLYGON_TYPE.ROOF)
-            .forEach((roof) => {
-              roof.set({ selectable: true })
-              delete roof.moduleCompass
-              drawDirectionArrow(roof)
-              setSurfaceShapePattern(roof, null, false, roof.roofMaterial)
-            })
+          roofs.forEach((roof) => {
+            delete roof.moduleCompass
+            drawDirectionArrow(roof)
+          })
 
           if (modules.length > 0) {
             swalFire({
@@ -194,6 +190,7 @@ export default function CanvasMenu(props) {
               type: 'confirm',
               confirmFn: () => {
                 //해당 메뉴 이동시 배치면 삭제
+
                 const moduleSurfacesArray = canvas
                   .getObjects()
                   .filter(
@@ -202,6 +199,11 @@ export default function CanvasMenu(props) {
                   )
 
                 if (moduleSurfacesArray.length > 0) {
+                  // 모듈면 있을 경우 지붕면 할당 다시해야함
+                  roofs.forEach((roof) => {
+                    roof.set({ selectable: true })
+                    setSurfaceShapePattern(roof, null, false, roof.roofMaterial)
+                  })
                   moduleSurfacesArray.forEach((moduleSurface) => {
                     canvas.remove(moduleSurface)
                   })