시설현황 목록 띄우는 작업 진행중

apps/wr/app/map/newWindowPopup.tsx

@@ -43,7 +43,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
   const [tabData, setTabData] = useState<{ id: string; name: string; data: any }[]>([]);
   const [activeTab, setActiveTab] = useState<string>('0');
   // swcho : useState의 true, false 값 변경하여 목록, 상태 테스트 하였음
-  const [showDetailView, setShowDetailView] = useState(true); // 상세정보 화면 표시 상태 추가
+  const [showDetailView, setShowDetailView] = useState(false); // 상세정보 화면 표시 상태 추가
 
   // onClose 함수를 useCallback으로 메모이제이션
   const memoizedOnClose = useCallback(() => {
@@ -109,14 +109,33 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
       pbnstSttn.pbnstSttnRes &&
       pbnstSttn.pbnstSttnRes[index]
     ) {
+      console.log(pbnstSttn.pbnstSttnRes[index])
       setPbnstRuseFcltPk(pbnstSttn.pbnstSttnRes[index].pbnstRuseFcltPk);
       getPbnStnDetail(pbnstSttn.pbnstSttnRes[index].pbnstRuseFcltPk);
+      setShowDetailView(true); // 상세정보 화면 표시 상태 변경
     }
   };
 
-  // useEffect(() => {
-  //   setBdstTable(pbnstSttn.pbnstSttnRes);
-  // }, [pbnstSttn.pbnstSttnRes]);
+    useEffect(() => {
+      if (!pbnstSttn.isInit) {
+        pbnSttnInit("1", "13",{
+          partValue: "A",
+          sidoValue: "0",
+          sigunValue: "",
+          regionValue: "",
+          unitWaterShedValue: "",
+          middleRegionValue: "",
+          envPartValue: "",
+          sidoText: "",
+          sigunText: ""
+        },  String(new Date().getFullYear()));
+      }
+    }, [pbnstSttn.isInit, pbnSttnInit]);
+
+    useEffect(() => {
+      setBdstTable(pbnstSttn.pbnstSttnRes);
+    }, [pbnstSttn.pbnstSttnRes]);
+
 
   // 재이용시설 조회
   const fetchpbnstDetail = async (featureCd: string) => {
@@ -127,7 +146,6 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
         if (prev.some((tab) => tab.id === featureCd)) {
           return prev; // 이미 존재하는 탭이면 추가하지 않음
         }
-        console.log('탭 idx',prev, prev.length)
         return [...prev, { id: featureCd, name: `재이용시설 ${prev.length + 1}`, data: response }];
       });
     } catch (error) {
@@ -207,7 +225,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
       layer.data?.lyrNm?.includes('하수처리') || layer.data?.lyrNm?.includes('재이용시설')
     );
     const actTabData = tabData.find((tab) => tab.id === activeTab);
-    
+
     // swcho : true, false 값 변경하여 시설 변경하여 테스트하였음
     // 재이용시설
     const isPbnst = true;