Fix: Add isQueryActive helper function and refetch SearchActionsDocument only if query is active

Fix: Add isQueryActive helper function and refetch SearchActionsDocument only if query is active

Author: mmioana

src/components/v5/common/ActionSidebar/partials/ActionSidebarContent/ActionSidebarContent.tsx

@@ -15,6 +15,7 @@ import { ActionForm } from '~shared/Fields/index.ts';
 import { DecisionMethod } from '~types/actions.ts';
 import { getDraftDecisionFromStore } from '~utils/decisions.ts';
 import { formatText } from '~utils/intl.ts';
+import { isQueryActive } from '~utils/isQueryActive.ts';
 import FormTextareaBase from '~v5/common/Fields/TextareaBase/FormTextareaBase.tsx';
 import NotificationBanner from '~v5/shared/NotificationBanner/index.ts';
 
@@ -222,9 +223,11 @@ const ActionSidebarContent: FC<ActionSidebarContentProps> = ({
           className="flex h-full flex-col"
           innerRef={formRef}
           onSuccess={() => {
-            client.refetchQueries({
-              include: [SearchActionsDocument],
-            });
+            if (isQueryActive('SearchActions')) {
+              client.refetchQueries({
+                include: [SearchActionsDocument],
+              });
+            }
           }}
         >
           <ActionSidebarFormContent

src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/utils.ts

@@ -1,6 +1,7 @@
 import { apolloClient } from '~apollo';
 import { ColonyActionType, SearchActionsDocument } from '~gql';
 import { type MotionAction } from '~types/motions.ts';
+import { isQueryActive } from '~utils/isQueryActive.ts';
 import { updateContributorVerifiedStatus } from '~utils/members.ts';
 
 export const handleMotionFinalized = (action: MotionAction) => {
@@ -26,7 +27,9 @@ export const handleMotionFinalized = (action: MotionAction) => {
       break;
     }
     case ColonyActionType.CreateDecisionMotion: {
-      apolloClient.refetchQueries({ include: [SearchActionsDocument] });
+      if (isQueryActive('SearchActions')) {
+        apolloClient.refetchQueries({ include: [SearchActionsDocument] });
+      }
 
       break;
     }

src/utils/isQueryActive.ts

@@ -0,0 +1,8 @@
+import { apolloClient } from '~apollo';
+
+export const isQueryActive = (queryName: string) => {
+  const activeQueries = apolloClient.getObservableQueries();
+  return Array.from(activeQueries.values()).some((query) => {
+    return query.queryName?.includes(queryName);
+  });
+};