fix: add const to storage a delay value

vtex-apps · Sep 25, 2024 · 64463c8 · 64463c8
1 parent b528e25
commit 64463c8
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/react/components/CostCentersAutocomplete.tsx b/react/components/CostCentersAutocomplete.tsx
@@ -5,6 +5,7 @@ import { useIntl } from 'react-intl'
 
 import { messages } from './customers-admin'
 import GET_COST_CENTER_BY_ORG from '../queries/costCentersByOrg.gql'
+import { SEARCH_TERM_DELAY_MS } from '../constants/debounceDelay'
 
 interface Props {
   onChange: (value: { value: string | null; label: string }) => void
@@ -43,7 +44,7 @@ const CostCenterAutocomplete = ({ onChange, organizationId }: Props) => {
   useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedSearchTerm(costCenterTextInput)
-    }, 500) // 500ms delay
+    }, SEARCH_TERM_DELAY_MS) // 500ms delay
 
     return () => {
       clearTimeout(handler)

diff --git a/react/components/OrganizationsAutocomplete.tsx b/react/components/OrganizationsAutocomplete.tsx
@@ -6,6 +6,7 @@ import { useIntl } from 'react-intl'
 import { messages } from './customers-admin'
 import GET_ORGANIZATIONS from '../queries/listOrganizations.gql'
 import GET_ORGANIZATION_BY_ID from '../queries/getOrganization.graphql'
+import { SEARCH_TERM_DELAY_MS } from '../constants/debounceDelay'
 
 const initialState = {
   status: ['active', 'on-hold', 'inactive'],
@@ -50,7 +51,7 @@ const OrganizationsAutocomplete = ({ onChange, organizationId }: Props) => {
   useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedTerm(term)
-    }, 500) // 500ms delay
+    }, SEARCH_TERM_DELAY_MS) // 500ms delay
 
     return () => clearTimeout(handler)
   }, [term])

diff --git a/react/constants/debounceDelay.ts b/react/constants/debounceDelay.ts
@@ -0,0 +1 @@
+export const SEARCH_TERM_DELAY_MS = 500