From 2cc68e9a43d9535ccca89ba4e2271224785369f6 Mon Sep 17 00:00:00 2001
From: gaurav2733 <gaurav.wagh@apptware.com>
Date: Mon, 25 Dec 2023 09:59:08 +0530
Subject: [PATCH 1/2] Add debounce on search on ingestion listing page

---
 .../entity/shared/tabs/Dataset/Queries/utils/constants.ts | 1 +
 .../src/app/ingest/source/IngestionSourceList.tsx         | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/utils/constants.ts b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/utils/constants.ts
index 5176c1207874c9..025705abc580ea 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/utils/constants.ts
+++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/utils/constants.ts
@@ -16,5 +16,6 @@ export const DEFAULT_MAX_RECENT_QUERIES = 9;
  */
 export const MAX_ROWS_BEFORE_DEBOUNCE = 50;
 export const HALF_SECOND_IN_MS = 500;
+export const ONE_SECOND_IN_MS = 1000;
 
 export const ADD_UNAUTHORIZED_MESSAGE = 'You are not authorized to add Queries to this entity.';
diff --git a/datahub-web-react/src/app/ingest/source/IngestionSourceList.tsx b/datahub-web-react/src/app/ingest/source/IngestionSourceList.tsx
index 6188845694f9eb..e6db6bfcc9a61b 100644
--- a/datahub-web-react/src/app/ingest/source/IngestionSourceList.tsx
+++ b/datahub-web-react/src/app/ingest/source/IngestionSourceList.tsx
@@ -1,5 +1,6 @@
 import { PlusOutlined, RedoOutlined } from '@ant-design/icons';
 import React, { useCallback, useEffect, useState } from 'react';
+import { debounce } from 'lodash';
 import * as QueryString from 'query-string';
 import { useLocation } from 'react-router';
 import { Button, message, Modal, Pagination, Select } from 'antd';
@@ -30,6 +31,7 @@ import {
     INGESTION_CREATE_SOURCE_ID,
     INGESTION_REFRESH_SOURCES_ID,
 } from '../../onboarding/config/IngestionOnboardingConfig';
+import { ONE_SECOND_IN_MS } from '../../entity/shared/tabs/Dataset/Queries/utils/constants';
 
 const PLACEHOLDER_URN = 'placeholder-urn';
 
@@ -133,6 +135,10 @@ export const IngestionSourceList = () => {
         setLastRefresh(new Date().getTime());
     }, [refetch]);
 
+    const debouncedSetQuery = debounce((newQuery: string | undefined) => {
+        setQuery(newQuery);
+    }, ONE_SECOND_IN_MS);
+
     function hasActiveExecution() {
         return !!filteredSources.find((source) =>
             source.executions?.executionRequests.find((request) => isExecutionRequestActive(request)),
@@ -401,7 +407,7 @@ export const IngestionSourceList = () => {
                             onSearch={() => null}
                             onQueryChange={(q) => {
                                 setPage(1);
-                                setQuery(q);
+                                debouncedSetQuery(q);
                             }}
                             entityRegistry={entityRegistry}
                             hideRecommendations

From 8fcf4ba1ee339ce84f39b5662d71026dea712eff Mon Sep 17 00:00:00 2001
From: gaurav2733 <gaurav.wagh@apptware.com>
Date: Tue, 26 Dec 2023 10:57:06 +0530
Subject: [PATCH 2/2] add debounce for search

---
 datahub-web-react/src/app/ingest/secret/SecretsList.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/datahub-web-react/src/app/ingest/secret/SecretsList.tsx b/datahub-web-react/src/app/ingest/secret/SecretsList.tsx
index 2728fff0ccba34..1a960997e6beeb 100644
--- a/datahub-web-react/src/app/ingest/secret/SecretsList.tsx
+++ b/datahub-web-react/src/app/ingest/secret/SecretsList.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Button, Empty, message, Modal, Pagination, Typography } from 'antd';
+import { debounce } from 'lodash';
 import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
 import * as QueryString from 'query-string';
 import { useLocation } from 'react-router';
@@ -18,6 +19,7 @@ import { SearchBar } from '../../search/SearchBar';
 import { useEntityRegistry } from '../../useEntityRegistry';
 import { scrollToTop } from '../../shared/searchUtils';
 import { addSecretToListSecretsCache, removeSecretFromListSecretsCache } from './cacheUtils';
+import { ONE_SECOND_IN_MS } from '../../entity/shared/tabs/Dataset/Queries/utils/constants';
 
 const DeleteButtonContainer = styled.div`
     display: flex;
@@ -84,6 +86,10 @@ export const SecretsList = () => {
         setPage(newPage);
     };
 
+    const debouncedSetQuery = debounce((newQuery: string | undefined) => {
+        setQuery(newQuery);
+    }, ONE_SECOND_IN_MS);
+
     const onSubmit = (state: SecretBuilderState, resetBuilderState: () => void) => {
         createSecretMutation({
             variables: {
@@ -199,7 +205,7 @@ export const SecretsList = () => {
                         onSearch={() => null}
                         onQueryChange={(q) => {
                             setPage(1);
-                            setQuery(q);
+                            debouncedSetQuery(q);
                         }}
                         entityRegistry={entityRegistry}
                         hideRecommendations