dont count placeholder data as valid

dydxprotocol · Jan 8, 2025 · 2f3bd02 · 2f3bd02
1 parent 4643aa0
commit 2f3bd02
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/views/dialogs/DepositDialog2/DepositForm.tsx b/src/views/dialogs/DepositDialog2/DepositForm.tsx
@@ -35,18 +35,20 @@ export const DepositForm = ({
   const tokenBalance = useBalance(token.chainId, token.denom);
 
   const debouncedAmount = useDebounce(amount);
-  const { data: routes, isFetching, error } = useRoutes(token, debouncedAmount);
+  const { data: routes, isFetching, error, isPlaceholderData } = useRoutes(token, debouncedAmount);
 
   useEffect(() => {
     if (debouncedAmount && !isFetching && !routes?.fast) setSelectedSpeed('slow');
   }, [isFetching, routes, debouncedAmount]);
 
   const selectedRoute = selectedSpeed === 'fast' ? routes?.fast : routes?.slow;
-  const hasSufficientBalance = selectedRoute
-    ? tokenBalance.raw && BigInt(selectedRoute.amountIn) <= BigInt(tokenBalance.raw)
+  const depositRoute = !isPlaceholderData ? selectedRoute : undefined;
+
+  const hasSufficientBalance = depositRoute
+    ? tokenBalance.raw && BigInt(depositRoute.amountIn) <= BigInt(tokenBalance.raw)
     : true;
 
-  const depositDisabled = isFetching || !hasSufficientBalance || !selectedRoute;
+  const depositDisabled = isFetching || !hasSufficientBalance || !depositRoute;
 
   const depositButtonInner = useMemo(() => {
     if (isFetching) return <LoadingDots size={3} />;