[NO CHANGELOGS] [Add Funds Widget] Fix/add funds debounce (#2305)

immutable · Oct 15, 2024 · 389df16 · 389df16
1 parent c9c5d42
commit 389df16
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/packages/checkout/widgets-lib/src/widgets/add-funds/views/AddFunds.tsx b/packages/checkout/widgets-lib/src/widgets/add-funds/views/AddFunds.tsx
@@ -130,7 +130,7 @@ export function AddFunds({
     [tokens, inputValue, selectedToken],
   );
 
-  const setSelectedAmount = debounce((value: string) => {
+  const setSelectedAmount = useMemo(() => debounce((value: string) => {
     track({
       userJourney: UserJourney.ADD_FUNDS,
       screen: 'InputScreen',
@@ -147,7 +147,7 @@ export function AddFunds({
         selectedAmount: value,
       },
     });
-  }, 2500);
+  }, 2500), []);
 
   const setSelectedToken = (token: TokenInfo | undefined) => {
     track({
@@ -477,10 +477,16 @@ export function AddFunds({
   const shouldShowBackButton = showBackButton ?? !!onBackButtonClick;
   const routeInputsReady = !!selectedToken
     && !!fromAddress
-    && validateToAmount(selectedAmount).isValid;
+    && validateToAmount(selectedAmount).isValid
+    && validateToAmount(inputValue).isValid;
+
   const loading = (routeInputsReady || fetchingRoutes)
     && !(selectedRouteData || insufficientBalance);
-  const readyToReview = routeInputsReady && !!toAddress && !!selectedRouteData && !loading;
+
+  const readyToReview = routeInputsReady
+    && !!toAddress
+    && !!selectedRouteData
+    && !loading;
 
   const handleWalletConnected = (
     providerType: 'from' | 'to',