From 6413bc6b189553b2e03f722adc16ba0fbdd75c7f Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Fri, 25 Jul 2025 00:28:01 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20featureClickEventPopup=20=ED=95=98?=
 =?UTF-8?q?=EC=88=98=EB=A7=A8=ED=99=80=20=EC=84=A0=ED=83=9D=20=EC=8B=9C=20?=
 =?UTF-8?q?=EC=83=81=EB=A5=98=EA=B4=80=EB=A1=9C=20=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../map/components/popupComponent/smh.tsx             |  3 ++-
 .../app/(map-layout)/map/featureClickEventPopup.tsx   | 11 +++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/smh.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/smh.tsx
index d601aeafd..f1cda25c1 100644
--- a/apps/sn/app/(map-layout)/map/components/popupComponent/smh.tsx
+++ b/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" },
diff --git a/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx b/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx
index 079557972..0b7347b6f 100644
--- a/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx
+++ b/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"