Debounce fetchResults instead of watch

microbiomedata · Feb 23, 2024 · e1d41fa · e1d41fa
1 parent 7298167
commit e1d41fa
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/web/src/use/usePaginatedResults.ts b/web/src/use/usePaginatedResults.ts
@@ -41,22 +41,24 @@ export default function usePaginatedResult<T>(
     });
   }
 
+  const debouncedFetchResults = debounce(fetchResults, 500);
+
   watch([
     toRef(data, 'limit'),
     toRef(data, 'offset'),
-  ], fetchResults);
+  ], debouncedFetchResults);
 
-  watch([conditions], debounce(() => {
+  watch([conditions], () => {
     const doFetch = data.offset === 0;
     data.offset = 0;
     data.limit = limit;
-    if (doFetch) fetchResults();
-  }, 500));
+    if (doFetch) debouncedFetchResults();
+  });
 
   if (dataObjectFilter !== undefined) {
-    watch(dataObjectFilter, fetchResults, { deep: true });
+    watch(dataObjectFilter, debouncedFetchResults, { deep: true });
   }
-  fetchResults();
+  debouncedFetchResults();
   // ENDTODO
 
   function setPage(newPage: number) {