From 4953ebb0d9037ca27235434075371fea68bf345e 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, 4 Mar 2025 10:37:07 +0900
Subject: [PATCH] =?UTF-8?q?unmount=EC=8B=9C=20clone=20line=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/surface/useRoofLinePropertySetting.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/hooks/surface/useRoofLinePropertySetting.js b/src/hooks/surface/useRoofLinePropertySetting.js
index 97097135..6115f76e 100644
--- a/src/hooks/surface/useRoofLinePropertySetting.js
+++ b/src/hooks/surface/useRoofLinePropertySetting.js
@@ -47,8 +47,14 @@ export function useRoofLinePropertySetting(props) {
     }
   }, [currentObject])
 
+  useEffect(() => {
+    return () => {
+      canvas.remove(...canvas.getObjects().filter((obj) => obj.name === 'cloneRoofLine'))
+      canvas.renderAll()
+    }
+  }, [])
+
   const roofLinesInit = () => {
-    console.log('🚀 ~ roofLinesInit ~ roof:', roof)
     roof.lines.forEach((line) => {
       line.clone((cloned) => {
         cloned.set({
@@ -62,6 +68,9 @@ export function useRoofLinePropertySetting(props) {
         })
         line.set({
           visible: false,
+          attributes: {
+            ...line.attributes,
+          },
         })
         canvas.add(cloned)
         cloned.bringToFront()
@@ -142,7 +151,6 @@ export function useRoofLinePropertySetting(props) {
   const handleFix = () => {
     // const roof = canvas.getObjects().find((obj) => currentObject.parentId === obj.id)
     // const notSettingLines = roof.lines.filter(
-    console.log(canvas.getObjects().filter((obj) => obj.name === 'cloneRoofLine'))
     const notSettingLines = canvas
       .getObjects()
       .filter((obj) => obj.name === 'cloneRoofLine')
@@ -188,7 +196,6 @@ export function useRoofLinePropertySetting(props) {
     // const roof = canvas.getObjects().find((obj) => currentObject.parentId === obj.id)
     // const lines = roof?.lines
     const lines = canvas.getObjects().filter((obj) => obj.name === 'cloneRoofLine')
-    console.log('🚀 ~ nextLineFocus ~ lines:', lines)
 
     if (!lines) return
     const index = lines.findIndex((line) => line === selectedLine)