src/components/floor-plan/modal/basic/step/Trestle.jsx

@@ -18,11 +18,6 @@ const Trestle = forwardRef((props, ref) => {
   const currentAngleType = useRecoilValue(currentAngleTypeSelector)
   const pitchText = useRecoilValue(pitchTextSelector)
   const [selectedRoof, setSelectedRoof] = useState(null)
-  const [isAutoSelecting, setIsAutoSelecting] = useState(false) // 자동 선택 중인지 상태
-  const [autoSelectTimeout, setAutoSelectTimeout] = useState(null) // 타임아웃 참조
-  const autoSelectTimeoutRef = useRef(null)
-  // 공통 타임아웃 설정 (밀리초)
-  const AUTO_SELECT_TIMEOUT = 700 // API 호출 완료 대기 시간
   const {
     trestleState,
     trestleDetail,
@@ -68,7 +63,7 @@ const Trestle = forwardRef((props, ref) => {
 
 
   useEffect(() => {
-    if (roofs && roofs.length > 0 && !selectedRoof) {
+    if (roofs && !selectedRoof) {
       console.log("roofs:::::", roofs.length)
       setLengthBase(roofs[0].length);
       setSelectedRoof(roofs[0])
@@ -76,12 +71,12 @@ const Trestle = forwardRef((props, ref) => {
     if (selectedRoof && selectedRoof.lenAuth === "C") {
       onChangeLength(selectedRoof.length);
     }
-    if (selectedRoof && ["C", "R"].includes(selectedRoof.raftAuth) && roofs && roofs.length > 0) {
+    if (selectedRoof && ["C", "R"].includes(selectedRoof.raftAuth)) {
       onChangeRaftBase(roofs[0]);
     }
     //모듈 설치 영역 복구
     restoreModuleInstArea()
-  }, [roofs, selectedRoof])  // selectedRoof 추가
+  }, [roofs])
 
   useEffect(() => {
     if (flag && moduleSelectionData) {
@@ -166,7 +161,7 @@ const Trestle = forwardRef((props, ref) => {
 
   useEffect(() => {
     if (constructionList.length > 0) {
-      const existingConstruction = constructionList.find((construction) => construction.constTp === trestleState.constTp)
+      const existingConstruction = constructionList.find((construction) => construction.constTp === trestleState?.construction?.constTp)
       if (existingConstruction) {
         setSelectedConstruction(existingConstruction)
       } else if (autoSelectStep === 'construction') {
@@ -257,7 +252,7 @@ const Trestle = forwardRef((props, ref) => {
     // 다음 단계(가대메이커) 자동 선택 설정 - 지연 실행
     setTimeout(() => {
       setAutoSelectStep('trestle')
-    }, AUTO_SELECT_TIMEOUT) // API 호출 완료를 위한 더 긴 지연
+    }, 500) // API 호출 완료를 위한 더 긴 지연
   }
 
   const onChangeHajebichi = (e) => {
@@ -287,7 +282,7 @@ const Trestle = forwardRef((props, ref) => {
     // 다음 단계(가대메이커) 자동 선택 설정 - 지연 실행
     setTimeout(() => {
       setAutoSelectStep('trestle')
-    }, AUTO_SELECT_TIMEOUT)
+    }, 500)
   }
 
   const onChangeTrestleMaker = (e) => {
@@ -310,7 +305,7 @@ const Trestle = forwardRef((props, ref) => {
     // API 호출 완료 후 다음 단계(공법) 자동 선택 설정
     setTimeout(() => {
       setAutoSelectStep('constMthd')
-    }, AUTO_SELECT_TIMEOUT)
+    }, 300)
   }
 
   const onChangeConstMthd = (e) => {
@@ -330,21 +325,10 @@ const Trestle = forwardRef((props, ref) => {
       },
     })
 
-    // 기존 타임아웃 취소
-    if (autoSelectTimeoutRef.current) {
-      clearTimeout(autoSelectTimeoutRef.current)
-    }
-
-    // 자동 선택 중 상태 활성화
-    setIsAutoSelecting(true)
-
     // API 호출 완료 후 다음 단계(지붕밑바탕) 자동 선택 설정
-    const timeoutId = setTimeout(() => {
+    setTimeout(() => {
       setAutoSelectStep('roofBase')
-      setIsAutoSelecting(false)
+    }, 300)
-    }, AUTO_SELECT_TIMEOUT)
-
-    autoSelectTimeoutRef.current = timeoutId
   }
 
   const onChangeRoofBase = (e) => {
@@ -372,7 +356,7 @@ const Trestle = forwardRef((props, ref) => {
     // API 호출 완료 후 다음 단계(construction) 자동 선택 설정
     setTimeout(() => {
       setAutoSelectStep('construction')
-    }, AUTO_SELECT_TIMEOUT)
+    }, 300)
   }
 
   const handleConstruction = (index) => {
@@ -467,7 +451,7 @@ const Trestle = forwardRef((props, ref) => {
             ...selectedRoofBase,
           },
           construction: {
-            ...constructionList.find((data) => newAddedRoofs[index].construction.constTp === data.constTp),
+            ...constructionList.find((data) => data.constTp === trestleState.constTp),
             cvrYn,
             snowGdPossYn,
             cvrChecked,