From adc0edbab37a71c6ac12aeeaca2c3d6efad188e9 Mon Sep 17 00:00:00 2001
From: yjnoh <lelalela@daum.net>
Date: Thu, 23 Jan 2025 15:37:27 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EC=84=A0=ED=83=9D=20?=
 =?UTF-8?q?=EA=B3=B5=EB=B2=95=20=EC=84=A0=ED=83=9D=20=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../floor-plan/modal/basic/step/Module.jsx       | 12 ++++++++++--
 .../modal/basic/step/ModuleTabContents.jsx       | 16 +++++++++++++---
 .../floor-plan/modal/basic/step/Placement.jsx    | 15 ++++++++++-----
 3 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/src/components/floor-plan/modal/basic/step/Module.jsx b/src/components/floor-plan/modal/basic/step/Module.jsx
index 2ea37896..789a1a0c 100644
--- a/src/components/floor-plan/modal/basic/step/Module.jsx
+++ b/src/components/floor-plan/modal/basic/step/Module.jsx
@@ -9,6 +9,7 @@ import ModuleTabContents from './ModuleTabContents'
 import { useDebounceValue } from 'usehooks-ts'
 import { moduleSelectionDataState } from '@/store/selectedModuleOptions'
 import { useCanvasPopupStatusController } from '@/hooks/common/useCanvasPopupStatusController'
+import { isObjectNotEmpty } from '@/util/common-utils'
 
 export default function Module({ setTabNum }) {
   const { getMessage } = useMessage()
@@ -56,7 +57,14 @@ export default function Module({ setTabNum }) {
   useEffect(() => {
     if (tempModuleSelectionData) {
       setModuleSelectionData(tempModuleSelectionData)
-      // moduleSelectedDataTrigger(tempModuleSelectionData)
+
+      if (
+        tempModuleSelectionData.common.moduleItemId &&
+        isObjectNotEmpty(tempModuleSelectionData.module) &&
+        tempModuleSelectionData.roofConstructions.length > 0
+      ) {
+        moduleSelectedDataTrigger(tempModuleSelectionData)
+      }
     }
   }, [tempModuleSelectionData])
 
@@ -89,7 +97,7 @@ export default function Module({ setTabNum }) {
     setRoofTab(tab)
   }
 
-  // const { trigger: moduleSelectedDataTrigger } = useCanvasPopupStatusController(2)
+  const { trigger: moduleSelectedDataTrigger } = useCanvasPopupStatusController(2)
 
   return (
     <>
diff --git a/src/components/floor-plan/modal/basic/step/ModuleTabContents.jsx b/src/components/floor-plan/modal/basic/step/ModuleTabContents.jsx
index 64a93ccd..22554a11 100644
--- a/src/components/floor-plan/modal/basic/step/ModuleTabContents.jsx
+++ b/src/components/floor-plan/modal/basic/step/ModuleTabContents.jsx
@@ -90,7 +90,9 @@ export default function ModuleTabContents({ addRoof, setAddedRoofs, roofTab, tem
   }, [hajebichi])
 
   useEffect(() => {
-    setModuleConstructionSelectionData(moduleSelectionData.roofConstructions[roofTab])
+    if (moduleSelectionData.roofConstructions.length > 0) {
+      setModuleConstructionSelectionData(moduleSelectionData.roofConstructions[roofTab])
+    }
   }, [moduleSelectionData])
 
   //서까래간격 변경
@@ -261,11 +263,13 @@ export default function ModuleTabContents({ addRoof, setAddedRoofs, roofTab, tem
   }, [selectedRoofBase])
 
   useEffect(() => {
+    console.log('moduleConstructionSelectionData', moduleConstructionSelectionData)
+
     if (
       isExistData &&
       constructionList.length > 0 &&
-      isObjectNotEmpty(moduleConstructionSelectionData.construction) &&
-      moduleConstructionSelectionData.construction.hasOwnProperty('constPossYn') ///키가 있으면
+      isObjectNotEmpty(moduleConstructionSelectionData?.construction) &&
+      moduleConstructionSelectionData?.construction.hasOwnProperty('constPossYn') ///키가 있으면
     ) {
       const selectedIndex = moduleConstructionSelectionData.construction.selectedIndex
       const construction = constructionList[selectedIndex]
@@ -275,6 +279,12 @@ export default function ModuleTabContents({ addRoof, setAddedRoofs, roofTab, tem
     }
   }, [constructionList])
 
+  useEffect(() => {
+    if (isObjectNotEmpty(moduleSelectionData) && isObjectNotEmpty(moduleSelectionData.module)) {
+      setSelectedModules(moduleSelectionData.module)
+    }
+  }, [moduleSelectionData])
+
   useEffect(() => {
     // 202600 경사도
     const raftCodeList = findCommonCode('203800')
diff --git a/src/components/floor-plan/modal/basic/step/Placement.jsx b/src/components/floor-plan/modal/basic/step/Placement.jsx
index 9a53a1c0..972229a7 100644
--- a/src/components/floor-plan/modal/basic/step/Placement.jsx
+++ b/src/components/floor-plan/modal/basic/step/Placement.jsx
@@ -8,7 +8,7 @@ import { useModulePlace } from '@/hooks/module/useModulePlace'
 
 const Placement = forwardRef((props, refs) => {
   const { getMessage } = useMessage()
-  const [isChidori, setIsChidori] = useState(false)
+  const [isChidori, setIsChidori] = useState('false')
   const [isChidoriNotAble, setIsChidoriNotAble] = useState(false)
   const currentCanvasPlan = useRecoilValue(currentCanvasPlanState)
 
@@ -52,10 +52,15 @@ const Placement = forwardRef((props, refs) => {
   }
 
   const handleChangeChidori = (e) => {
-    setIsChidori(e.target.value)
+    const bool = e.target.value === 'true' ? true : false
+    setIsChidori(bool)
     refs.isChidori.current = e.target.value
   }
 
+  useEffect(() => {
+    console.log('isChidori', isChidori)
+  }, [isChidori])
+
   const handleSetupLocation = (e) => {
     setSetupLocation(e.target.value)
     refs.setupLocation.current = e.target.value
@@ -140,13 +145,13 @@ const Placement = forwardRef((props, refs) => {
                         id="ra01"
                         checked={isChidori}
                         disabled={isChidoriNotAble}
-                        value={true}
-                        onChange={handleChangeChidori}
+                        value={'true'}
+                        onChange={(e) => handleChangeChidori(e)}
                       />
                       <label htmlFor="ra01">{getMessage('modal.module.basic.setting.module.placement.do')}</label>
                     </div>
                     <div className="d-check-radio pop">
-                      <input type="radio" name="radio02" id="ra02" value={false} checked={isChidori === false} onChange={handleChangeChidori} />
+                      <input type="radio" name="radio02" id="ra02" checked={!isChidori} value={'false'} onChange={(e) => handleChangeChidori(e)} />
                       <label htmlFor="ra02">{getMessage('modal.module.basic.setting.module.placement.do.not')}</label>
                     </div>
                   </div>