From 6f7f4ba1900120f19bd8b1628abc417d7513fd1f Mon Sep 17 00:00:00 2001 From: Ivica Cardic Date: Wed, 5 Nov 2025 06:00:57 +0100 Subject: [PATCH] 2965 client - Increase debounce duration from 300ms to 600ms across multiple components for consistent timing --- .../layout-container/TemplatesLayoutContainerSearchBar.tsx | 2 +- .../components/node-details-tabs/DescriptionTab.tsx | 4 ++-- .../components/properties/ObjectProperty.tsx | 2 +- .../workflow-editor/components/properties/Property.tsx | 6 +++--- .../property-mentions-input/PropertyMentionsInputEditor.tsx | 2 +- .../library/react/src/components/connect-dialog/index.tsx | 2 +- 6 files changed, 9 insertions(+), 9 deletions(-) diff --git a/client/src/pages/automation/templates/components/layout-container/TemplatesLayoutContainerSearchBar.tsx b/client/src/pages/automation/templates/components/layout-container/TemplatesLayoutContainerSearchBar.tsx index 447a597083..1ddaa938d7 100644 --- a/client/src/pages/automation/templates/components/layout-container/TemplatesLayoutContainerSearchBar.tsx +++ b/client/src/pages/automation/templates/components/layout-container/TemplatesLayoutContainerSearchBar.tsx @@ -9,7 +9,7 @@ export function TemplatesLayoutContainerSearchBar({placeholder}: {placeholder: s const handleInputChange = useDebouncedCallback((event: ChangeEvent) => { setQuery(event.target.value); - }, 300); + }, 600); return (
diff --git a/client/src/pages/platform/workflow-editor/components/node-details-tabs/DescriptionTab.tsx b/client/src/pages/platform/workflow-editor/components/node-details-tabs/DescriptionTab.tsx index 4666f81610..f1fdb34d61 100644 --- a/client/src/pages/platform/workflow-editor/components/node-details-tabs/DescriptionTab.tsx +++ b/client/src/pages/platform/workflow-editor/components/node-details-tabs/DescriptionTab.tsx @@ -109,7 +109,7 @@ const DescriptionTab = ({invalidateWorkflowQueries, nodeDefinition, updateWorkfl }, updateWorkflowMutation, }); - }, 300); + }, 600); const handleNotesChange = useDebouncedCallback((event: ChangeEvent) => { if (!currentNode) { @@ -177,7 +177,7 @@ const DescriptionTab = ({invalidateWorkflowQueries, nodeDefinition, updateWorkfl }, updateWorkflowMutation, }); - }, 300); + }, 600); let workflowTaskOrTrigger = [...(workflow.tasks ?? []), ...(workflow.triggers ?? [])]?.find( (task) => task.name === currentNode?.workflowNodeName diff --git a/client/src/pages/platform/workflow-editor/components/properties/ObjectProperty.tsx b/client/src/pages/platform/workflow-editor/components/properties/ObjectProperty.tsx index 21681b811e..9ca054b20c 100644 --- a/client/src/pages/platform/workflow-editor/components/properties/ObjectProperty.tsx +++ b/client/src/pages/platform/workflow-editor/components/properties/ObjectProperty.tsx @@ -263,7 +263,7 @@ const ObjectProperty = ({arrayIndex, arrayName, onDeleteClick, operationName, pa value: defaultValueObject, workflowId: workflow.id!, }); - }, 300); + }, 600); return () => clearTimeout(timeoutId); // eslint-disable-next-line react-hooks/exhaustive-deps diff --git a/client/src/pages/platform/workflow-editor/components/properties/Property.tsx b/client/src/pages/platform/workflow-editor/components/properties/Property.tsx index 617076b5fc..668960d6c7 100644 --- a/client/src/pages/platform/workflow-editor/components/properties/Property.tsx +++ b/client/src/pages/platform/workflow-editor/components/properties/Property.tsx @@ -279,7 +279,7 @@ const Property = ({ value: isNumericalInput ? parseFloat(valueToSave as string) : valueToSave, workflowId: workflow.id!, }); - }, 300); + }, 600); const handleCodeEditorChange = useDebouncedCallback((value?: string) => { if ( @@ -301,7 +301,7 @@ const Property = ({ value, workflowId: workflow.id, }); - }, 300); + }, 600); const handleDeleteCustomPropertyClick = useCallback( (path: string) => { @@ -337,7 +337,7 @@ const Property = ({ value: JSON.stringify(value), workflowId: workflow.id, }); - }, 300); + }, 600); const handleInputChange = (event: ChangeEvent | ChangeEvent) => { const {value} = event.target; diff --git a/client/src/pages/platform/workflow-editor/components/properties/components/property-mentions-input/PropertyMentionsInputEditor.tsx b/client/src/pages/platform/workflow-editor/components/properties/components/property-mentions-input/PropertyMentionsInputEditor.tsx index 04b1ff723a..aef6a983d7 100644 --- a/client/src/pages/platform/workflow-editor/components/properties/components/property-mentions-input/PropertyMentionsInputEditor.tsx +++ b/client/src/pages/platform/workflow-editor/components/properties/components/property-mentions-input/PropertyMentionsInputEditor.tsx @@ -275,7 +275,7 @@ const PropertyMentionsInputEditor = forwardRef { diff --git a/sdks/frontend/embedded/library/react/src/components/connect-dialog/index.tsx b/sdks/frontend/embedded/library/react/src/components/connect-dialog/index.tsx index 9447904ced..178b8244d2 100644 --- a/sdks/frontend/embedded/library/react/src/components/connect-dialog/index.tsx +++ b/sdks/frontend/embedded/library/react/src/components/connect-dialog/index.tsx @@ -477,7 +477,7 @@ export default function useConnectDialog({ method: 'PUT', } ); - }, 500); + }, 600); } debouncedFetchesRef.current[debouncedFetchKey](body);