fix: fix pricing displays (#3214)

* fix pricing displays * update rate logic, code clean
cowprotocol · Feb 2, 2022 · 800b5e0 · 800b5e0
1 parent fc63707
commit 800b5e0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/lib/components/Swap/Summary/Summary.tsx b/src/lib/components/Swap/Summary/Summary.tsx
@@ -23,7 +23,7 @@ interface TokenValueProps {
 function TokenValue({ input, usdc, change }: TokenValueProps) {
   const percent = useMemo(() => {
     if (change) {
-      const percent = (change * 100).toPrecision(3)
+      const percent = change.toPrecision(3)
       return change > 0 ? `(+${percent}%)` : `(${percent}%)`
     }
     return undefined

diff --git a/src/lib/components/Swap/Toolbar.tsx b/src/lib/components/Swap/Toolbar.tsx
@@ -46,8 +46,9 @@ function LoadedState({ inputAmount, outputAmount, trade }: LoadedStateProps) {
 
   const ratio = useMemo(() => {
     const [a, b] = flip ? [outputAmount, inputAmount] : [inputAmount, outputAmount]
+    const priceString = (!flip ? executionPrice : executionPrice?.invert())?.toSignificant(6)
 
-    const ratio = `1 ${a.currency.symbol} = ${executionPrice?.toSignificant(6)} ${b.currency.symbol}`
+    const ratio = `1 ${a.currency.symbol} = ${priceString}} ${b.currency.symbol}`
     const usdc = !flip
       ? fiatValueInput
         ? ` ($${fiatValueInput.toSignificant(2)})`