don't request when request is pending (elastic#115999)

Co-authored-by: Kibana Machine <[email protected]>
kibanamachine · Oct 22, 2021 · 09166e8 · 09166e8
1 parent 280c71d
commit 09166e8
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/x-pack/plugins/monitoring/public/application/pages/page_template.tsx b/x-pack/plugins/monitoring/public/application/pages/page_template.tsx
@@ -49,6 +49,7 @@ export const PageTemplate: React.FC<PageTemplateProps> = ({
 
   const { currentTimerange } = useContext(MonitoringTimeContainer.Context);
   const [loaded, setLoaded] = useState(false);
+  const [isRequestPending, setIsRequestPending] = useState(false);
   const history = useHistory();
   const [hasError, setHasError] = useState(false);
   const handleRequestError = useRequestErrorHandler();
@@ -62,6 +63,7 @@ export const PageTemplate: React.FC<PageTemplateProps> = ({
   );
 
   useEffect(() => {
+    setIsRequestPending(true);
     getPageData?.()
       .then(getPageDataResponseHandler)
       .catch((err: IHttpFetchError) => {
@@ -70,11 +72,20 @@ export const PageTemplate: React.FC<PageTemplateProps> = ({
       })
       .finally(() => {
         setLoaded(true);
+        setIsRequestPending(false);
       });
   }, [getPageData, currentTimerange, getPageDataResponseHandler, handleRequestError]);
 
   const onRefresh = () => {
-    getPageData?.().then(getPageDataResponseHandler).catch(handleRequestError);
+    // don't refresh when a request is pending
+    if (isRequestPending) return;
+    setIsRequestPending(true);
+    getPageData?.()
+      .then(getPageDataResponseHandler)
+      .catch(handleRequestError)
+      .finally(() => {
+        setIsRequestPending(false);
+      });
 
     if (isSetupModeFeatureEnabled(SetupModeFeature.MetricbeatMigration)) {
       updateSetupModeData();