fix: empty toolbar for empty input (#3584)

334e137f · Zach Pomerantz · GitHub · eb6c4d46 · 334e137f
Commit 334e137f authored Mar 23, 2022 by Zach Pomerantz Committed by GitHub Mar 23, 2022
Show whitespace changes
Inline Side-by-side

Showing with 7 additions and 5 deletions

index.tsx src/lib/components/Swap/Toolbar/index.tsx +7 -5

No files found.
--- a/src/lib/components/Swap/Toolbar/index.tsx
+++ b/src/lib/components/Swap/Toolbar/index.tsx
@@ -47,13 +47,15 @@ export default memo(function Toolbar({ disabled }: { disabled?: boolean }) {
      if (isRouteLoading) {
        return <Caption.LoadingTrade />
      }
-      if (!trade?.swaps) {
+      if (trade) {
+        if (!trade.swaps) {
          return <Caption.InsufficientLiquidity />
        }
        if (trade.inputAmount && trade.outputAmount) {
          return <Caption.Trade trade={trade} outputUSDC={outputUSDC} impact={impact} />
        }
      }
+    }

    return <Caption.Empty />
  }, [