From 0795299b4882f513d0ae02ec381b2b53e3b09ad2 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Fri, 25 Jul 2025 00:58:55 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=83=81=EB=A5=98=EA=B4=80=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B3=B4=EA=B8=B0=20=EA=B8=B0=EB=8A=A5=EC=97=90=20=EB=A1=9C?=
 =?UTF-8?q?=EB=94=A9=EB=B0=94=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx b/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx
index 0b7347b6f..198194918 100644
--- a/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx
+++ b/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx
@@ -13,6 +13,7 @@ import { useInfilChartModalStore, useRdiiChartModalStore } from "./components/po
 import { formatDisplayData } from '@/components/lib/utils/formatDisplayValue';
 import { codeMapper } from "./components/common/codeMapper";
 import { searchUpperPpls } from '@common/business_components/ui/map/Gis';
+import LoadingOverlay from '@/components/ui/LoadingBar';
 
 
 const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void, featureData: any }) => {
@@ -34,6 +35,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
   const { setIsOpen: setIsModalRdii } = useRdiiChartModalStore();
   const [curPage, setCurPage] = useState(1); // 현재 페이지 상태
   const [isClicked, setIsClicked] = useState(true); // 클릭 여부 상태
+  const [isLoading, setIsLoading] = useState(false); // 로딩 상태
 
   // 🎯 관로관리번호 추출
   const pplMngNo = featureData?.values_?.fclt_mng_no || "";
@@ -470,6 +472,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
 
   return (
     <div id="popup" className="absolute top-0 right-0 w-[350px] h-[calc(100vh-10rem)] bg-white border-r border-gray-300 flex flex-col overflow-hidden transition-all duration-300 z-[50]">
+      <LoadingOverlay isLoading={isLoading} />
       <div className="card-header bg-primary flex items-center justify-between p-4">
         <div className="flex items-center">
           <h3 className="text-2xl font-medium text-white text-label whitespace-nowrap mr-4">{layerNm}
@@ -501,7 +504,10 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
           )}
           {layerNm === '하수맨홀' && (
             <>
-              <Button onClick={() => searchUpperPpls(layerSpecificNm)}
+              <Button onClick={() => {
+                setIsLoading(true);
+                searchUpperPpls(layerSpecificNm).finally(() => setIsLoading(false));
+              }}
                 className="px-2 py-1 text-xl text-gray-600 border border-gray-600 rounded hover:bg-gray-700"
                 color="white"
               >