From ad978cc250a0991991a0b988bf51f0f3db234b7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Tue, 25 Feb 2025 10:55:33 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=93=88=20->=20=EB=B0=B0=EC=B9=98?=
 =?UTF-8?q?=EB=A9=B4=20=EB=84=98=EC=96=B4=EA=B0=88=20=EB=95=8C=20=EB=AA=A8?=
 =?UTF-8?q?=EB=93=88=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/floor-plan/CanvasMenu.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/floor-plan/CanvasMenu.jsx b/src/components/floor-plan/CanvasMenu.jsx
index a9679b74..d4bc17b9 100644
--- a/src/components/floor-plan/CanvasMenu.jsx
+++ b/src/components/floor-plan/CanvasMenu.jsx
@@ -306,6 +306,7 @@ export default function CanvasMenu(props) {
   const settingsModalOptions = useRecoilState(settingModalFirstOptionsState)
 
   useEffect(() => {
+    console.log(selectedMenu)
     if (selectedMenu === 'placement') {
       onClickPlacementInitialMenu()
     }
@@ -313,8 +314,9 @@ export default function CanvasMenu(props) {
       const moduleSurfacesArray = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE)
       if (moduleSurfacesArray.length > 0) {
         moduleSurfacesArray.forEach((moduleSurface) => {
-          moduleSurface.modules = []
+          canvas.remove(...moduleSurface.modules)
           canvas.remove(moduleSurface)
+          moduleSurface.modules = []
         })
         canvas.renderAll()
       }
@@ -420,7 +422,7 @@ export default function CanvasMenu(props) {
 
   const checkMenuState = (menu) => {
     return (
-      (['2', '3'].includes(canvasSetting?.roofSizeSet) && menu.type === 'surface') ||
+      (['2', '3'].includes(canvasSetting?.roofSizeSet) && menu.type === 'outline') ||
       (selectedMenu === 'module' && ['drawing', 'placement'].includes(menu.type))
     )
   }
@@ -540,7 +542,7 @@ export default function CanvasMenu(props) {
                 key={`canvas-menu-${menu.type}`}
                 className={`canvas-menu-item ${selectedMenu === menu.type ? 'active' : ''}`}
                 onClick={async () => {
-                  if (['2', '3'].includes(canvasSetting?.roofSizeSet) && menu.type === 'surface') return
+                  if (['2', '3'].includes(canvasSetting?.roofSizeSet) && menu.type === 'outline') return
                   if (selectedMenu === 'module' && ['drawing', 'placement'].includes(menu.type)) return
                   await onClickNav(menu)
                 }}