From ddd41009b7f180a28a5ab2f08b3f6b9a1ebfd416 Mon Sep 17 00:00:00 2001
From: yoosangwook <swyoo@interplug.co.kr>
Date: Fri, 2 May 2025 16:02:54 +0900
Subject: [PATCH] refactor: move state management and effect hooks for selected
 tab into respective form components for better encapsulation

---
 src/app/survey-sale/basic-info/page.tsx            | 10 ----------
 src/app/survey-sale/roof-info/page.tsx             | 10 ----------
 src/components/survey-sale/detail/BasicForm.tsx    |  9 +++++++++
 src/components/survey-sale/detail/RoofInfoForm.tsx |  9 +++++++++
 4 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/app/survey-sale/basic-info/page.tsx b/src/app/survey-sale/basic-info/page.tsx
index 3df482f..20cbeb8 100644
--- a/src/app/survey-sale/basic-info/page.tsx
+++ b/src/app/survey-sale/basic-info/page.tsx
@@ -1,16 +1,6 @@
-'use client'
-
-import { useEffect } from 'react'
-import { useSurveySaleTabState } from '@/store/surveySaleTabState'
 import BasicForm from '@/components/survey-sale/detail/BasicForm'
 
 export default function page() {
-  const { setBasicInfoSelected } = useSurveySaleTabState()
-
-  useEffect(() => {
-    setBasicInfoSelected()
-  }, [])
-
   return (
     <>
       <BasicForm />
diff --git a/src/app/survey-sale/roof-info/page.tsx b/src/app/survey-sale/roof-info/page.tsx
index b0a1b98..2bdfea5 100644
--- a/src/app/survey-sale/roof-info/page.tsx
+++ b/src/app/survey-sale/roof-info/page.tsx
@@ -1,16 +1,6 @@
-'use client'
-
-import { useEffect } from 'react'
-import { useSurveySaleTabState } from '@/store/surveySaleTabState'
 import RoofInfoForm from '@/components/survey-sale/detail/RoofInfoForm'
 
 export default function page() {
-  const { setRoofInfoSelected } = useSurveySaleTabState()
-
-  useEffect(() => {
-    setRoofInfoSelected()
-  }, [])
-
   return (
     <>
       <RoofInfoForm />
diff --git a/src/components/survey-sale/detail/BasicForm.tsx b/src/components/survey-sale/detail/BasicForm.tsx
index fce0e49..f293495 100644
--- a/src/components/survey-sale/detail/BasicForm.tsx
+++ b/src/components/survey-sale/detail/BasicForm.tsx
@@ -1,6 +1,15 @@
 'use client'
 
+import { useEffect } from 'react'
+import { useSurveySaleTabState } from '@/store/surveySaleTabState'
+
 export default function BasicForm() {
+  const { setBasicInfoSelected } = useSurveySaleTabState()
+
+  useEffect(() => {
+    setBasicInfoSelected()
+  }, [])
+
   return (
     <>
       <div className="sale-frame">
diff --git a/src/components/survey-sale/detail/RoofInfoForm.tsx b/src/components/survey-sale/detail/RoofInfoForm.tsx
index bbe6546..e8850ca 100644
--- a/src/components/survey-sale/detail/RoofInfoForm.tsx
+++ b/src/components/survey-sale/detail/RoofInfoForm.tsx
@@ -1,6 +1,15 @@
 'use client'
 
+import { useEffect } from 'react'
+import { useSurveySaleTabState } from '@/store/surveySaleTabState'
+
 export default function RoofInfoForm() {
+  const { setRoofInfoSelected } = useSurveySaleTabState()
+
+  useEffect(() => {
+    setRoofInfoSelected()
+  }, [])
+
   return (
     <>
       <div className="sale-frame">