From 750bbb5a95eb51a53365e0c3dd56cfb4dd8121b1 Mon Sep 17 00:00:00 2001
From: Mutasem Aldmour <mutasem@n8n.io>
Date: Wed, 30 Oct 2024 14:02:43 +0100
Subject: [PATCH] add debounce

---
 packages/editor-ui/src/views/WorkflowsView.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/editor-ui/src/views/WorkflowsView.vue b/packages/editor-ui/src/views/WorkflowsView.vue
index da0ef743cd..0d526c2261 100644
--- a/packages/editor-ui/src/views/WorkflowsView.vue
+++ b/packages/editor-ui/src/views/WorkflowsView.vue
@@ -35,6 +35,7 @@ import { pickBy } from 'lodash-es';
 import { useCredentialsStore } from '@/stores/credentials.store';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
 import type { ProjectSharingData } from 'n8n-workflow';
+import { useDebounce } from '@/composables/useDebounce';
 
 const i18n = useI18n();
 const route = useRoute();
@@ -53,6 +54,7 @@ const tagsStore = useTagsStore();
 const documentTitle = useDocumentTitle();
 const credentialsStore = useCredentialsStore();
 const nodeTypesStore = useNodeTypesStore();
+const { callDebounced } = useDebounce();
 
 interface Filters {
 	search: string;
@@ -156,7 +158,7 @@ const emptyListDescription = computed(() => {
 const onFiltersUpdated = async (newFilters: Filters) => {
 	Object.assign(filters.value, newFilters);
 
-	await fetchWorkflowsWithFilters();
+	void callDebounced(fetchWorkflowsWithFilters, { debounceTime: 1000, trailing: true });
 };
 
 const addWorkflow = () => {