fix: debouncing should work from the first value

lifinance · Sep 28, 2022 · e288dcf · e288dcf
1 parent 25225fd
commit e288dcf
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/packages/widget/src/components/TokenList/TokenList.tsx b/packages/widget/src/components/TokenList/TokenList.tsx
@@ -26,7 +26,7 @@ export const TokenList: FC<TokenListProps> = ({
   });
   const [tokenSearchFilter]: string[] = useDebouncedWatch(
     [SwapFormKey.TokenSearchFilter],
-    250,
+    320,
   );
 
   const {

diff --git a/packages/widget/src/hooks/useDebouncedWatch.ts b/packages/widget/src/hooks/useDebouncedWatch.ts
@@ -14,10 +14,7 @@ export const useDebouncedWatch = (name: any, delay: number) => {
       const hasWatchedValue = Array.isArray(watchedValue)
         ? watchedValue.some((value) => value)
         : Boolean(watchedValue);
-      const hasDebouncedValue = Array.isArray(debouncedValueRef.current)
-        ? debouncedValueRef.current.some((value) => value)
-        : Boolean(debouncedValueRef.current);
-      if (hasWatchedValue && hasDebouncedValue) {
+      if (hasWatchedValue) {
         const handler = setTimeout(() => {
           setDebouncedValue(watchedValue);
         }, delay);

diff --git a/packages/widget/src/hooks/useSwapRoutes.ts b/packages/widget/src/hooks/useSwapRoutes.ts
@@ -29,7 +29,7 @@ export const useSwapRoutes = () => {
         SwapFormKey.ToAddress,
       ],
     });
-  const [fromTokenAmount] = useDebouncedWatch([SwapFormKey.FromAmount], 250);
+  const [fromTokenAmount] = useDebouncedWatch([SwapFormKey.FromAmount], 320);
   const { token } = useToken(fromChainId, fromTokenAddress);
   const isEnabled =
     // Boolean(account.address) &&
-Original file line number
+Diff line change
@@ Expand Up / @@ -26,7 +26,7 @@ export const TokenList: FC<TokenListProps> = ({ @@
       });
       const [tokenSearchFilter]: string[] = useDebouncedWatch(
         [SwapFormKey.TokenSearchFilter],
-,
+,
       );
       const {
@@ Expand Down @@