refactor: searchModal.tsx 코드 정리

apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx

@@ -81,7 +81,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
   const [yearFilter, setYearFilter] = useState({ start: "", end: "" });
   const [filteredSiguns, setFilteredSiguns] = useState<SelectDataType[]>([{ val: '0', text: '전체', sido: '0' }]);
 
-  
+
   // 오늘 날짜 구하기
   const today = new Date();
   const todayYear = today.getFullYear().toString();
@@ -179,7 +179,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
     setIsLoading(true); // 로딩 시작
     setIsResetSelection(true); // 선택 초기화
     setIsResetDetailSelection(true); // 선택 초기화
-    
+
     try {
       let cqlFilters: string[] = [];
       if (activeTab === 'basic') {
@@ -272,8 +272,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
         setTableCount(res.totalElements || 0);
         setDetailTableData([]);
         setDetailTableCount(0);
-
-      } 
+      }
 
       setShowTable(true);
     } catch (err) {
@@ -446,12 +445,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
 
   // 조회 버튼 클릭 시 1페이지로 이동 및 데이터 초기화
   const handleSearch = () => {
-     setCurPage(1); // 페이지를 1로 초기화
-    // setDetailCurPage(1); // 페이지를 1로 초기화
-    // setIsResetPage(false); // 페이지를 초기화
-    // setIsResetDetailPage(true); // 디테일 페이지를 초기화
-    // setIsResetSelection(true); // 선택 초기화
-    // setIsResetDetailSelection(true); // 선택 초기화
+    setCurPage(1); // 페이지를 1로 초기화
     fetchFilteredData();
     setIsResetPage(true); // 페이지를 초기화
     setIsResetDetailPage(true); // 디테일 페이지를 초기화
@@ -546,7 +540,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
       }
     }
   };
- 
+
 
   const renderBody = () => (
     <>
@@ -560,63 +554,62 @@ const SearchModal: React.FC<SearchModalProps> = ({
         onValueChange={(value: string) => setActiveTab(value)}
       >
       </UITab>
-        {/* 각각의 탭 영역 */}
-        {/* 기본정보 탭 */}
-        {activeTab === 'basic' && (
-          <BasicTab
-            open={open}
-            basicType={basicType}
-            city={city}
-            sgg={sgg}
-            start1={start1}
-            start2={start2}
-            end1={end1}
-            end2={end2}
-            var1={var1}
-            var2={var2}
-            yearFilter={yearFilter}
-            handleSearch={handleSearch}
-            setBasicType={setBasicType}
-            setCity={setCity}
-            setSgg={setSgg}
-            setYearFilter={setYearFilter}
-            setStart1={setStart1}
-            setStart2={setStart2}
-            setEnd1={setEnd1}
-            setEnd2={setEnd2}
-            setVar1={setVar1}
-            setVar2={setVar2}
-          />
-        )}
-        {/* 운영정보 탭 */}
-        {activeTab === 'operation' && (
-          <OperationTab
-            open={open}
-            workType={workType}
-            var1={var1}
-            var2={var2}
-            yearFilter={yearFilter}
-            handleSearch={handleSearch}
-            setWorkType={setWorkType}
-            setVar1={setVar1}
-            setVar2={setVar2}
-            setYearFilter={setYearFilter}
-          />
-        )}
-        {/* 하수도정비기본계획보고서 탭 */}
-        {activeTab === 'report' && (
-          <ReportTab
-            open={open}
-          />
-        )}
-        {/* </UITab2> */}
-      
+      {/* 각각의 탭 영역 */}
+      {/* 기본정보 탭 */}
+      {activeTab === 'basic' && (
+        <BasicTab
+          open={open}
+          basicType={basicType}
+          city={city}
+          sgg={sgg}
+          start1={start1}
+          start2={start2}
+          end1={end1}
+          end2={end2}
+          var1={var1}
+          var2={var2}
+          yearFilter={yearFilter}
+          handleSearch={handleSearch}
+          setBasicType={setBasicType}
+          setCity={setCity}
+          setSgg={setSgg}
+          setYearFilter={setYearFilter}
+          setStart1={setStart1}
+          setStart2={setStart2}
+          setEnd1={setEnd1}
+          setEnd2={setEnd2}
+          setVar1={setVar1}
+          setVar2={setVar2}
+        />
+      )}
+      {/* 운영정보 탭 */}
+      {activeTab === 'operation' && (
+        <OperationTab
+          open={open}
+          workType={workType}
+          var1={var1}
+          var2={var2}
+          yearFilter={yearFilter}
+          handleSearch={handleSearch}
+          setWorkType={setWorkType}
+          setVar1={setVar1}
+          setVar2={setVar2}
+          setYearFilter={setYearFilter}
+        />
+      )}
+      {/* 하수도정비기본계획보고서 탭 */}
+      {activeTab === 'report' && (
+        <ReportTab
+          open={open}
+        />
+      )}
+      {/* </UITab2> */}
+
 
       {/* 📋 결과 리스트 */}
-      {/* 기본정보 탭, 하수도정비기본계획보고서 탭 */}
-      {(activeTab === 'basic' ) && (
+      {/* 하수도정비기본계획보고서 탭 */}
+      {activeTab === 'basic' && (
         <div className="h-[79vh] w-full overflow-hidden rounded-lg border">
-          {/* 테이블2 영역 (가로/세로 스크롤 가능) */}
           <div className="flex-1 px-2 pb-2">
             <LoadingOverlay isLoading={isLoading} />
             <UiTable
@@ -663,6 +656,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
           </div>
 
           <div className="h-[39vh] w-full overflow-hidden rounded-lg border">
+            {/* 테이블2 영역 */}
             <div className="flex-1 px-2 pb-2">
               <LoadingOverlay isLoading={isDetailLoading} />
               <UiTable