diff --git a/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx b/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx index 64c2f76b8..026ed7688 100644 --- a/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx +++ b/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx @@ -76,7 +76,6 @@ const HbVerificationDetail: React.FC = ({ vrfcTrgtNm={ selectedTargetInfo?.vrfcTrgtNm || "" } - selectedSido={selectedSido} onSidoSelect={setSelectedSido} selectedRowId={selectedRowId} /> diff --git a/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx b/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx index 7b2b42a07..abfa0fdfb 100644 --- a/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx +++ b/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 = ({ vrfcTrgtSn, statsNm, vrfcTrgtNm, - selectedSido, onSidoSelect, selectedRowId, }) => { + const [selectedSido, setSelectedSido] = useState(""); const [selectedGugun, setSelectedGugun] = useState(""); const [selectedStatus, setSelectedStatus] = useState(""); const [showAllOnEmptyFilter, setShowAllOnEmptyFilter] = useState(true); const [appliedFilter, setAppliedFilter] = useState({ - sido: null, + sido: "", gugun: "", status: "", }); @@ -227,11 +226,12 @@ const RegionalGrid: React.FC = ({ ); 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 = ({ const handleReset = () => { onSidoSelect(null); + setSelectedSido(""); setSelectedGugun(""); setSelectedStatus(""); setAppliedFilter({ - sido: null, + sido: "", gugun: "", status: "", }); @@ -277,6 +278,10 @@ const RegionalGrid: React.FC = ({ } }; + useEffect(() => { + handleReset(); + }, [vrfcTrgtSn]); + return (