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