From 25341c2e2f3161eee68ab95a8025101cf5722b73 Mon Sep 17 00:00:00 2001
From: Rares Mardare <rares.mardare@grafana.com>
Date: Mon, 3 Oct 2022 17:03:26 +0300
Subject: [PATCH] polling changes

---
 .../src/pages/incidents/Incidents.tsx         | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/grafana-plugin/src/pages/incidents/Incidents.tsx b/grafana-plugin/src/pages/incidents/Incidents.tsx
index 34288a1a..e084c894 100644
--- a/grafana-plugin/src/pages/incidents/Incidents.tsx
+++ b/grafana-plugin/src/pages/incidents/Incidents.tsx
@@ -136,18 +136,15 @@ class Incidents extends React.Component<IncidentsPageProps, IncidentsPageState>
       });
     }
 
-    const fetchIncidentData = () => {
-      store.alertGroupStore.updateIncidentFilters(filters, isOnMount); // this line fetches incidents
-      getLocationSrv().update({ query: { page: 'incidents', ...store.alertGroupStore.incidentFilters } });
-    }
+    this.clearPollingInterval();
+    this.setPollingInterval(filters, isOnMount);
+    this.fetchIncidentData(filters, isOnMount);
+  };
 
-    if (this.pollingIntervalId) {
-      clearInterval(this.pollingIntervalId);
-    }
-
-    this.pollingIntervalId = setInterval(() => fetchIncidentData(), POLLING_NUM_SECONDS * 1000);
-
-    fetchIncidentData();
+  fetchIncidentData = (filters: IncidentsFiltersType, isOnMount: boolean) => {
+    const { store } = this.props;
+    store.alertGroupStore.updateIncidentFilters(filters, isOnMount); // this line fetches incidents
+    getLocationSrv().update({ query: { page: 'incidents', ...store.alertGroupStore.incidentFilters } });
   };
 
   onChangeCursor = (cursor: string, direction: 'prev' | 'next') => {
@@ -365,7 +362,7 @@ class Incidents extends React.Component<IncidentsPageProps, IncidentsPageState>
   }
 
   handleSelectedIncidentIdsChange = (ids: Array<Alert['pk']>) => {
-    this.setState({ selectedIncidentIds: ids });
+    this.setState({ selectedIncidentIds: ids }, () => ids?.length === 0 && this.setPollingInterval());
   };
 
   renderId(record: AlertType) {
@@ -520,6 +517,8 @@ class Incidents extends React.Component<IncidentsPageProps, IncidentsPageState>
   };
 
   getBulkActionClickHandler = (action: string | number) => {
+    this.clearPollingInterval();
+
     const { selectedIncidentIds, affectedRows } = this.state;
     const { store } = this.props;
 
@@ -556,6 +555,15 @@ class Incidents extends React.Component<IncidentsPageProps, IncidentsPageState>
       store.alertGroupStore.updateIncidents();
     });
   };
+
+  clearPollingInterval() {
+    clearInterval(this.pollingIntervalId);
+    this.pollingIntervalId = undefined;
+  }
+
+  setPollingInterval(filters: IncidentsFiltersType = this.state.filters, isOnMount: boolean = false) {
+    this.pollingIntervalId = setInterval(() => this.fetchIncidentData(filters, isOnMount), POLLING_NUM_SECONDS * 1000);
+  }
 }
 
 export default withMobXProviderContext(Incidents);