재이용시설 상세정보 팝업 데이터 표출

apps/wr/app/map/newWindowPopup.tsx

@@ -67,6 +67,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
   } = useWrStore((state) => state);
   const [bdstTable, setBdstTable] = useState<WaterReuseFacility[]>();
   const [pageNation, setPageNation] = useState(1);
+  const [pbnstRuseFcltPk, setPbnstRuseFcltPk] = useState<string>('');
   const [pbnDetaileData, setPbnDetaileData] = useState<{
     isModal: boolean;
     data: customPbnst;
@@ -108,8 +109,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
   }
 
   // 2. RuseMngTable에 필요한 tableData를 생성합니다. (단일 행 데이터)
-  const tableData = [featureData];
-  console.log("tableData", tableData);
+  // 선택된 피쳐 데이터 속성값
 
   // 물재이용시설 cellClick 이벤트 (상세정보)
   const pbnstCellClick = (index: number | undefined) => {
@@ -118,20 +118,35 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
       pbnstSttn.pbnstSttnRes &&
       pbnstSttn.pbnstSttnRes[index]
     ) {
-      const pbnstRuseFcltPk = pbnstSttn.pbnstSttnRes[index].pbnstRuseFcltPk;
-      getPbnStnDetail(pbnstRuseFcltPk);
+      setPbnstRuseFcltPk(pbnstSttn.pbnstSttnRes[index].pbnstRuseFcltPk);
+      getPbnStnDetail(pbnstSttn.pbnstSttnRes[index].pbnstRuseFcltPk);
     }
   };
 
-  useEffect(() => {
-    setBdstTable(pbnstSttn.pbnstSttnRes);
-  }, [pbnstSttn.pbnstSttnRes]);
+  // useEffect(() => {
+  //   setBdstTable(pbnstSttn.pbnstSttnRes);
+  // }, [pbnstSttn.pbnstSttnRes]);
 
   useEffect(() => {
-    if (pbnstSttn.pbnstDetail.pbnstRuseFcltPk) setShowDetailView(true);
+    if (featureData) {
+      const selectedVal = featureData.getProperties();
+      const featureCd = selectedVal?.swtrmt_fclt_cd + '1';
+  
+      if (featureCd && featureCd !== pbnstRuseFcltPk) {
+        setPbnstRuseFcltPk(featureCd); // 현재 호출된 featureCd 저장
+        getPbnStnDetail(featureCd);
+      }
+    }
+  }, [featureData]);
+  useEffect(() => {
+    if (pbnstSttn.pbnstDetail) {
+      setPbnDetaileData({
+        isModal: true,
+        data: pbnstSttn.pbnstDetail,
+      });
+    }
   }, [pbnstSttn.pbnstDetail]);
 
-
   // 빗물재이용시설 cellClick 이벤트 (상세정보)
   const rainCellClick = (index: number | undefined, headId: string) => {
     if (
@@ -221,7 +236,6 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
                   data={pbnDetaileData.data || ({} as customPbnst)}
                   titleVisible={false}
                 />
-                <PbnstPrfmncSttnPopup isVisible={false} />
               </>
             ) : (
               // 재이용시설 목록