[GEN-2074]: Implement polling mechanism for refetching data in useSou…

…rceCRUD (#2034)

frontend/webapp/hooks/sources/useSourceCRUD.ts

@@ -1,3 +1,4 @@
+import { useCallback } from 'react';
 import { useMutation } from '@apollo/client';
 import { useNotificationStore } from '@/store';
 import { ACTION, getSseTargetFromId } from '@/utils';
@@ -16,6 +17,18 @@ export const useSourceCRUD = (params?: Params) => {
   const { data, refetch } = useComputePlatform();
   const { addNotification } = useNotificationStore();
 
+  const startPolling = useCallback(async () => {
+    let retries = 0;
+    const maxRetries = 5;
+    const retryInterval = 1 * 1000; // time in milliseconds
+
+    while (retries < maxRetries) {
+      await new Promise((resolve) => setTimeout(resolve, retryInterval));
+      refetch();
+      retries++;
+    }
+  }, [refetch]);
+
   const notifyUser = (type: NOTIFICATION_TYPE, title: string, message: string, id?: WorkloadId) => {
     addNotification({
       type,
@@ -33,7 +46,7 @@ export const useSourceCRUD = (params?: Params) => {
 
   const handleComplete = (title: string, message: string, id?: WorkloadId) => {
     notifyUser(NOTIFICATION_TYPE.SUCCESS, title, message, id);
-    refetch();
+    startPolling();
     params?.onSuccess?.(title);
   };