[st] fix: 검증 결과 상세 그리드 초기화 로직 수정

apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx

@@ -76,7 +76,6 @@ const HbVerificationDetail: React.FC<HbVerificationDetailProps> = ({
                                 vrfcTrgtNm={
                                     selectedTargetInfo?.vrfcTrgtNm || ""
                                 }
-                                selectedSido={selectedSido}
                                 onSidoSelect={setSelectedSido}
                                 selectedRowId={selectedRowId}
                             />

apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 
 import { useQuery } from "@tanstack/react-query";
 import { ValueType } from "realgrid";
@@ -26,7 +26,6 @@ interface RegionalGridProps {
     vrfcTrgtSn: string | null;
     statsNm: string;
     vrfcTrgtNm: string;
-    selectedSido: string | null;
     onSidoSelect: (sido: string | null) => void;
     selectedRowId?: number | null;
 }
@@ -42,16 +41,16 @@ const RegionalGrid: React.FC<RegionalGridProps> = ({
     vrfcTrgtSn,
     statsNm,
     vrfcTrgtNm,
-    selectedSido,
     onSidoSelect,
     selectedRowId,
 }) => {
+    const [selectedSido, setSelectedSido] = useState<string>("");
     const [selectedGugun, setSelectedGugun] = useState<string>("");
     const [selectedStatus, setSelectedStatus] = useState<string>("");
     const [showAllOnEmptyFilter, setShowAllOnEmptyFilter] =
         useState<boolean>(true);
     const [appliedFilter, setAppliedFilter] = useState<AppliedFilter>({
-        sido: null,
+        sido: "",
         gugun: "",
         status: "",
     });
@@ -227,11 +226,12 @@ const RegionalGrid: React.FC<RegionalGridProps> = ({
     );
 
     const handleSidoChange = (val: string) => {
-        onSidoSelect(!val ? null : val);
+        setSelectedSido(val);
         setSelectedGugun("");
     };
 
     const handleSearch = () => {
+        onSidoSelect(selectedSido);
         setAppliedFilter({
             sido: selectedSido,
             gugun: selectedGugun,
@@ -242,10 +242,11 @@ const RegionalGrid: React.FC<RegionalGridProps> = ({
 
     const handleReset = () => {
         onSidoSelect(null);
+        setSelectedSido("");
         setSelectedGugun("");
         setSelectedStatus("");
         setAppliedFilter({
-            sido: null,
+            sido: "",
             gugun: "",
             status: "",
         });
@@ -277,6 +278,10 @@ const RegionalGrid: React.FC<RegionalGridProps> = ({
         }
     };
 
+    useEffect(() => {
+        handleReset();
+    }, [vrfcTrgtSn]);
+
     return (
         <div className="flex flex-col gap-2">
             <div className="flex justify-between">