v2 slippage fix (#763)

* appropriately discount for multi-hop fee slippage

* fix comment

* make calculation more explicit with a ternary

src/components/ExchangePage/index.tsx

@@ -219,12 +219,25 @@ function ExchangePage({ sendingInput = false, history, params }: ExchangePagePro
     [dependentField]: parsedAmounts[dependentField] ? parsedAmounts[dependentField].toSignificant(6) : ''
   }
 
+  // for each hop in our trade, take away the "innate" price impact from 0.3% fees
+  // e.g. for 3 tokens/2 hops: 1 - ((1 - .03) * (1-.03))
+  const baseFee = basisPointsToPercent(10000 - 30)
+  const realizedFee = !trade
+    ? undefined
+    : trade.route.path.length === 2
+    ? baseFee
+    : basisPointsToPercent(10000).subtract(
+        new Array(trade.route.path.length - 2)
+          .fill(0)
+          .reduce<Fraction>((currentFee: Percent | Fraction): Fraction => currentFee.multiply(baseFee), baseFee)
+      )
   const priceSlippage =
-    slippageFromTrade &&
-    new Percent(
-      slippageFromTrade.subtract(new Fraction('30', '10000')).numerator,
-      slippageFromTrade.subtract(new Fraction('30', '10000')).denominator
-    )
+    slippageFromTrade && realizedFee
+      ? new Percent(
+          slippageFromTrade.subtract(realizedFee).numerator,
+          slippageFromTrade.subtract(realizedFee).denominator
+        )
+      : undefined
 
   const onTokenSelection = useCallback(
     (field: Field, address: string) => {