feat: featureClickEventPopup 하수맨홀 선택 시 상류관로 보기 기능 구현

apps/sn/app/(map-layout)/map/components/popupComponent/smh.tsx

@@ -1,6 +1,7 @@
 // 하수맨홀
 import { VerticalTable } from '@/components/ui/verticalTable';
-import React, { useState, useEffect } from 'react'
+import { useEffect, useState } from 'react';
+
 const inputColumn = [
   { id: "swtrmtZoneCd", title: "처리구역", type: "input" },
   { id: "mltvZoneNm", title: "배수구역", type: "input" },

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

@@ -12,6 +12,7 @@ import RdiiChart from './components/popupComponent/chart/rdiiChart';
 import { useInfilChartModalStore, useRdiiChartModalStore } from "./components/popupComponent/chartModalStore";
 import { formatDisplayData } from '@/components/lib/utils/formatDisplayValue';
 import { codeMapper } from "./components/common/codeMapper";
+import { searchUpperPpls } from '@common/business_components/ui/map/Gis';
 
 
 const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void, featureData: any }) => {
@@ -498,6 +499,16 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
               </Button>
             </>
           )}
+          {layerNm === '하수맨홀' && (
+            <>
+              <Button onClick={() => searchUpperPpls(layerSpecificNm)}
+                className="px-2 py-1 text-xl text-gray-600 border border-gray-600 rounded hover:bg-gray-700"
+                color="white"
+              >
+                상류관로 보기
+              </Button>
+            </>
+          )}
           <Button
             onClick={onClose}
             className="text-white hover:text-gray-300 focus:outline-none"