Merge pull request #2272 from flanksource/allow-refetch-in-the-backgr…

…ound

fix: enable playbook runs refresh when tab is unfocussed

src/components/Playbooks/Runs/Actions/PlaybookRunActionFetch.tsx

@@ -28,6 +28,9 @@ export default function PlaybookRunActionFetch({
     enabled: !!playbookRunActionId,
     staleTime: 0,
     cacheTime: 0,
+    // We want to refetch the playbook run every 5 seconds when the page is in
+    // the background.
+    refetchIntervalInBackground: true,
     refetchInterval: (data) => {
       if (data?.status !== "completed" && data?.status !== "failed") {
         return 1000;

src/pages/playbooks/PlaybookRunsDetails.tsx

@@ -36,14 +36,17 @@ export default function PlaybookRunsDetailsPage() {
     enabled: !!id,
     staleTime: 0,
     cacheTime: 0,
+    // We want to refetch the playbook run every 5 seconds when the page is in
+    // the background.
+    refetchIntervalInBackground: true,
     // When the playbook run is running or pending, we want to refetch every 5
     // seconds to get the latest status. Otherwise, we don't want to refetch at
     // all.
     refetchInterval: (playbookRun) => {
       if (
-        playbookRun?.status === "running" ||
-        playbookRun?.status === "waiting" ||
-        playbookRun?.status === "pending"
+        playbookRun?.status !== "completed" &&
+        playbookRun?.status !== "failed" &&
+        playbookRun?.status !== "cancelled"
       ) {
         return 2000;
       }