feat: 상류관로 보기 기능에 로딩바 추가

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"
               >