@localstack/appinspector-ui 1.0.119 → 1.0.120

package/dist/index.js

@@ -2414,7 +2414,7 @@ var init_event_streams = __esm({
 
 // src/pages/spans-list-page.tsx
 import { Box as Box20 } from "@mui/material";
-import { useCallback as useCallback12, useState as useState17 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect22, useRef as useRef18, useState as useState17 } from "react";
 
 // src/api/errors.ts
 var AppInspectorDisabledError = class extends Error {
@@ -31519,6 +31519,27 @@ var SpansListPage = () => {
     clearFetchError();
     void checkStatus();
   }, [api, checkStatus, clearFetchError]);
+  const isDelayedRefetchRef = useRef18(false);
+  const delayedRefetchTimerRef = useRef18();
+  const prevFetchingForwardRef = useRef18(false);
+  useEffect22(() => {
+    const wasFetching = prevFetchingForwardRef.current;
+    prevFetchingForwardRef.current = fetchingForward;
+    if (wasFetching && !fetchingForward) {
+      if (isDelayedRefetchRef.current) {
+        isDelayedRefetchRef.current = false;
+      } else {
+        clearTimeout(delayedRefetchTimerRef.current);
+        delayedRefetchTimerRef.current = setTimeout(() => {
+          isDelayedRefetchRef.current = true;
+          fetchForward();
+        }, 2e3);
+      }
+    }
+    return () => {
+      clearTimeout(delayedRefetchTimerRef.current);
+    };
+  }, [fetchingForward, fetchForward]);
   const shouldShowStatusMessage = Boolean(statusError) || status?.status === "DISABLED";
   return /* @__PURE__ */ jsxs136(Fragment14, { children: [
     /* @__PURE__ */ jsxs136(