disable swap button if trade not populated (#3542)

cbc2ff66 · Ian Lapham · GitHub · a73f59b4 · cbc2ff66
Commit cbc2ff66 authored Mar 17, 2022 by Ian Lapham Committed by GitHub Mar 17, 2022
Hide whitespace changes
Inline Side-by-side

Showing with 12 additions and 1 deletion

SwapButton.tsx src/lib/components/Swap/SwapButton.tsx +12 -1

No files found.
--- a/src/lib/components/Swap/SwapButton.tsx
+++ b/src/lib/components/Swap/SwapButton.tsx
@@ -94,13 +94,24 @@ export default memo(function SwapButton({ disabled }: SwapButtonProps) {
  const disableSwap = useMemo(
    () =>
      disabled ||
+      !optimizedTrade ||
      !chainId ||
      wrapLoading ||
      (wrapType !== WrapType.NOT_APPLICABLE && wrapError) ||
      approvalState === ApproveOrPermitState.PENDING_SIGNATURE ||
      !(inputTradeCurrencyAmount && inputCurrencyBalance) ||
      inputCurrencyBalance.lessThan(inputTradeCurrencyAmount),
-    [disabled, chainId, wrapLoading, wrapType, wrapError, approvalState, inputTradeCurrencyAmount, inputCurrencyBalance]
+    [
+      disabled,
+      optimizedTrade,
+      chainId,
+      wrapLoading,
+      wrapType,
+      wrapError,
+      approvalState,
+      inputTradeCurrencyAmount,
+      inputCurrencyBalance,
+    ]
  )

  const actionProps = useMemo((): Partial<ActionButtonProps> | undefined => {