From 4975273dd871af28ed7af6e1b562482c98f90a4f Mon Sep 17 00:00:00 2001
From: Justin Kambic <jk@elastic.co>
Date: Thu, 13 Oct 2022 13:38:10 -0400
Subject: [PATCH] Rely on refresh context to update stats independently of
 overview cards.

---
 .../overview/overview/overview_status.tsx           | 13 ++++++++++++-
 .../monitors_page/overview/overview_page.tsx        |  2 --
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_status.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_status.tsx
index fd7583fe02faba0..065b6a08f23e3fb 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_status.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_status.tsx
@@ -9,8 +9,13 @@ import { EuiFlexGroup, EuiFlexItem, EuiPanel, EuiSpacer, EuiStat, EuiTitle } fro
 import { i18n } from '@kbn/i18n';
 import React, { useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { clearOverviewStatusErrorAction, selectOverviewStatus } from '../../../../state';
+import {
+  clearOverviewStatusErrorAction,
+  fetchOverviewStatusAction,
+  selectOverviewStatus,
+} from '../../../../state';
 import { kibanaService } from '../../../../../../utils/kibana_service';
+import { useSyntheticsRefreshContext } from '../../../../contexts';
 
 function title(t?: number) {
   return t ?? '-';
@@ -20,6 +25,12 @@ export function OverviewStatus() {
   const { status, statusError } = useSelector(selectOverviewStatus);
   const dispatch = useDispatch();
 
+  const { lastRefresh } = useSyntheticsRefreshContext();
+
+  useEffect(() => {
+    dispatch(fetchOverviewStatusAction.get());
+  }, [dispatch, lastRefresh]);
+
   useEffect(() => {
     if (statusError) {
       dispatch(clearOverviewStatusErrorAction());
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview_page.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview_page.tsx
index 893850e76cb8497..4eb864e7a2a3c43 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview_page.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview_page.tsx
@@ -14,7 +14,6 @@ import { useEnablement } from '../../../hooks';
 import { useSyntheticsRefreshContext } from '../../../contexts/synthetics_refresh_context';
 import {
   fetchMonitorOverviewAction,
-  fetchOverviewStatusAction,
   selectOverviewState,
   selectServiceLocationsState,
 } from '../../../state';
@@ -53,7 +52,6 @@ export const OverviewPage: React.FC = () => {
 
   useEffect(() => {
     dispatch(fetchMonitorOverviewAction.get(pageState));
-    dispatch(fetchOverviewStatusAction.get());
   }, [dispatch, pageState]);
 
   const {