diff --git a/frontend/pages/ManageControlsPage/Scripts/ScriptBatchDetailsPage/ScriptBatchDetailsPage.tsx b/frontend/pages/ManageControlsPage/Scripts/ScriptBatchDetailsPage/ScriptBatchDetailsPage.tsx index 2676a95e8e..34189cdd89 100644 --- a/frontend/pages/ManageControlsPage/Scripts/ScriptBatchDetailsPage/ScriptBatchDetailsPage.tsx +++ b/frontend/pages/ManageControlsPage/Scripts/ScriptBatchDetailsPage/ScriptBatchDetailsPage.tsx @@ -106,7 +106,12 @@ const ScriptBatchDetailsPage = ({ const { renderFlash } = useContext(NotificationContext); - const { data: batchDetails, isLoading, isError } = useQuery< + const { + data: batchDetails, + isLoading, + isError, + refetch: refetchBatchDetails, + } = useQuery< IScriptBatchSummaryV2, AxiosError, IScriptBatchSummaryV2, @@ -155,8 +160,10 @@ const ScriptBatchDetailsPage = ({ .CONTROLS_SCRIPTS_BATCH_DETAILS(batchExecutionId) .concat(newQuery ? `?${newQuery}` : "") ); + // update page's summary data (e.g. pct hosts responded) whenever changing tabs + refetchBatchDetails(); }, - [batchExecutionId, location?.search, router] + [batchExecutionId, location?.search, refetchBatchDetails, router] ); useEffect(() => { @@ -279,27 +286,19 @@ const ScriptBatchDetailsPage = ({ > - Ran + Ran - - Errored - + Errored - - Pending - + Pending - - Incompatible - + Incompatible - - Canceled - + Canceled