Extract defaultDebounceMillis

balancer · Dec 21, 2023 · 15b70bc · 15b70bc
1 parent 254d17f
commit 15b70bc
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 12 deletions.
diff --git a/lib/modules/pool/actions/add-liquidity/queries/useAddLiquidityPreviewQuery.ts b/lib/modules/pool/actions/add-liquidity/queries/useAddLiquidityPreviewQuery.ts
@@ -10,8 +10,7 @@ import { hasValidHumanAmounts } from '../../LiquidityActionHelpers'
 import { HumanAmountIn } from '../../liquidity-types'
 import { AddLiquidityHandler } from '../handlers/AddLiquidity.handler'
 import { generateAddLiquidityQueryKey } from './generateAddLiquidityQueryKey'
-
-const debounceMillis = 300
+import { defaultDebounceMillis } from '@/lib/shared/utils/queries'
 
 export function useAddLiquidityPreviewQuery(
   handler: AddLiquidityHandler,
@@ -21,7 +20,7 @@ export function useAddLiquidityPreviewQuery(
   const { userAddress, isConnected } = useUserAccount()
   const { slippage } = useUserSettings()
   const [bptOut, setBptOut] = useState<TokenAmount | null>(null)
-  const debouncedHumanAmountsIn = useDebounce(humanAmountsIn, debounceMillis)
+  const debouncedHumanAmountsIn = useDebounce(humanAmountsIn, defaultDebounceMillis)
 
   function queryKey(): string {
     return generateAddLiquidityQueryKey({

diff --git a/lib/modules/pool/actions/add-liquidity/queries/useAddLiquidityPriceImpactQuery.ts b/lib/modules/pool/actions/add-liquidity/queries/useAddLiquidityPriceImpactQuery.ts
@@ -9,8 +9,7 @@ import { AddLiquidityHandler } from '../handlers/AddLiquidity.handler'
 import { generateAddLiquidityQueryKey } from './generateAddLiquidityQueryKey'
 import { HumanAmountIn } from '../../liquidity-types'
 import { areEmptyAmounts } from '../../LiquidityActionHelpers'
-
-const debounceMillis = 250
+import { defaultDebounceMillis } from '@/lib/shared/utils/queries'
 
 export function useAddLiquidityPriceImpactQuery(
   handler: AddLiquidityHandler,
@@ -20,7 +19,7 @@ export function useAddLiquidityPriceImpactQuery(
   const { userAddress, isConnected } = useUserAccount()
   const { slippage } = useUserSettings()
   const [priceImpact, setPriceImpact] = useState<number | null>(null)
-  const debouncedHumanAmountsIn = useDebounce(humanAmountsIn, debounceMillis)
+  const debouncedHumanAmountsIn = useDebounce(humanAmountsIn, defaultDebounceMillis)
 
   function queryKey(): string {
     return generateAddLiquidityQueryKey({

diff --git a/lib/modules/pool/actions/remove-liquidity/queries/useRemoveLiquidityPreviewQuery.ts b/lib/modules/pool/actions/remove-liquidity/queries/useRemoveLiquidityPreviewQuery.ts
@@ -9,8 +9,7 @@ import { useQuery } from 'wagmi'
 import { isEmptyHumanAmount } from '../../LiquidityActionHelpers'
 import { RemoveLiquidityHandler } from '../handlers/RemoveLiquidity.handler'
 import { generateRemoveLiquidityQueryKey } from './generateRemoveLiquidityQueryKey'
-
-const debounceMillis = 300
+import { defaultDebounceMillis } from '@/lib/shared/utils/queries'
 
 export function useRemoveLiquidityBtpInQuery(
   handler: RemoveLiquidityHandler,
@@ -20,7 +19,7 @@ export function useRemoveLiquidityBtpInQuery(
   const { userAddress, isConnected } = useUserAccount()
   const { slippage } = useUserSettings()
   const [amountsOut, setAmountsOut] = useState<TokenAmount[] | undefined>(undefined)
-  const [debouncedHumanBptIn] = useDebounce(humanBptIn, debounceMillis)
+  const [debouncedHumanBptIn] = useDebounce(humanBptIn, defaultDebounceMillis)
 
   function queryKey(): string {
     return generateRemoveLiquidityQueryKey({

diff --git a/lib/modules/pool/actions/remove-liquidity/queries/useRemoveLiquidityPriceImpactQuery.ts b/lib/modules/pool/actions/remove-liquidity/queries/useRemoveLiquidityPriceImpactQuery.ts
@@ -9,8 +9,7 @@ import { RemoveLiquidityHandler } from '../handlers/RemoveLiquidity.handler'
 import { generateRemoveLiquidityQueryKey } from './generateRemoveLiquidityQueryKey'
 import { HumanAmount } from '@balancer/sdk'
 import { isEmpty } from 'lodash'
-
-const debounceMillis = 250
+import { defaultDebounceMillis } from '@/lib/shared/utils/queries'
 
 export function useRemoveLiquidityPriceImpactQuery(
   handler: RemoveLiquidityHandler,
@@ -20,7 +19,7 @@ export function useRemoveLiquidityPriceImpactQuery(
   const { userAddress, isConnected } = useUserAccount()
   const { slippage } = useUserSettings()
   const [priceImpact, setPriceImpact] = useState<number | null>(null)
-  const [debouncedHumanBptIn] = useDebounce(humanBptIn, debounceMillis)
+  const [debouncedHumanBptIn] = useDebounce(humanBptIn, defaultDebounceMillis)
 
   function queryKey(): string {
     return generateRemoveLiquidityQueryKey({

diff --git a/lib/shared/utils/queries.ts b/lib/shared/utils/queries.ts
@@ -11,3 +11,5 @@ export function isRefetchingQueries(...queries: Pick<UseQueryResult, 'isRefetchi
 export function refetchQueries(...queries: Pick<UseQueryResult, 'isFetched' | 'refetch'>[]) {
   return Promise.all(queries.map(query => query.refetch()))
 }
+
+export const defaultDebounceMillis = 300