From 040ebb54753202bfdc610a247cf2a26a81ceda5f Mon Sep 17 00:00:00 2001
From: Matthew Spector <matt@spectorlabs.dev>
Date: Thu, 5 Oct 2023 11:33:28 -0700
Subject: [PATCH] fix: Remove Minus Sign for FOT Display (#7419)

---
 src/components/swap/SwapLineItem.tsx               |  4 ++--
 .../SwapDetailsDropdown.test.tsx.snap              |  2 +-
 .../swap/__snapshots__/SwapLineItem.test.tsx.snap  | 14 +++++++-------
 .../__snapshots__/SwapModalFooter.test.tsx.snap    |  2 +-
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/swap/SwapLineItem.tsx b/src/components/swap/SwapLineItem.tsx
index da5f619ad1..58548de130 100644
--- a/src/components/swap/SwapLineItem.tsx
+++ b/src/components/swap/SwapLineItem.tsx
@@ -71,8 +71,8 @@ function ExchangeRateRow({ trade }: { trade: InterfaceTrade }) {
 }
 
 function ColoredPercentRow({ percent }: { percent: Percent }) {
-  const { formatPriceImpact } = useFormatter()
-  return <ColorWrapper textColor={getPriceImpactColor(percent)}>{formatPriceImpact(percent)}</ColorWrapper>
+  const { formatSlippage } = useFormatter()
+  return <ColorWrapper textColor={getPriceImpactColor(percent)}>{formatSlippage(percent)}</ColorWrapper>
 }
 
 function CurrencyAmountRow({ amount }: { amount: CurrencyAmount<Currency> }) {
diff --git a/src/components/swap/__snapshots__/SwapDetailsDropdown.test.tsx.snap b/src/components/swap/__snapshots__/SwapDetailsDropdown.test.tsx.snap
index 0ff9d83c87..50660d221c 100644
--- a/src/components/swap/__snapshots__/SwapDetailsDropdown.test.tsx.snap
+++ b/src/components/swap/__snapshots__/SwapDetailsDropdown.test.tsx.snap
@@ -316,7 +316,7 @@ exports[`SwapDetailsDropdown.tsx renders a trade 1`] = `
                   <span
                     class=""
                   >
-                    105566.373%
+                    -105566.373%
                   </span>
                 </div>
               </div>
diff --git a/src/components/swap/__snapshots__/SwapLineItem.test.tsx.snap b/src/components/swap/__snapshots__/SwapLineItem.test.tsx.snap
index 1ae30f78f9..111ab24d81 100644
--- a/src/components/swap/__snapshots__/SwapLineItem.test.tsx.snap
+++ b/src/components/swap/__snapshots__/SwapLineItem.test.tsx.snap
@@ -1288,7 +1288,7 @@ exports[`SwapLineItem.tsx exact input 1`] = `
           <span
             class=""
           >
-            105566.373%
+            -105566.373%
           </span>
         </div>
       </div>
@@ -2627,7 +2627,7 @@ exports[`SwapLineItem.tsx exact input api 1`] = `
           <span
             class=""
           >
-            105566.373%
+            -105566.373%
           </span>
         </div>
       </div>
@@ -3966,7 +3966,7 @@ exports[`SwapLineItem.tsx exact output 1`] = `
           <span
             class=""
           >
-            105566.373%
+            -105566.373%
           </span>
         </div>
       </div>
@@ -5324,7 +5324,7 @@ exports[`SwapLineItem.tsx fee on buy 1`] = `
           <span
             class=""
           >
-            -3.000%
+            3.000%
           </span>
         </div>
       </div>
@@ -5511,7 +5511,7 @@ exports[`SwapLineItem.tsx fee on buy 1`] = `
           <span
             class=""
           >
-            105566.373%
+            -105566.373%
           </span>
         </div>
       </div>
@@ -6869,7 +6869,7 @@ exports[`SwapLineItem.tsx fee on sell 1`] = `
           <span
             class=""
           >
-            -3.000%
+            3.000%
           </span>
         </div>
       </div>
@@ -7056,7 +7056,7 @@ exports[`SwapLineItem.tsx fee on sell 1`] = `
           <span
             class=""
           >
-            105566.373%
+            -105566.373%
           </span>
         </div>
       </div>
diff --git a/src/components/swap/__snapshots__/SwapModalFooter.test.tsx.snap b/src/components/swap/__snapshots__/SwapModalFooter.test.tsx.snap
index 9a80ee4155..61af8963a5 100644
--- a/src/components/swap/__snapshots__/SwapModalFooter.test.tsx.snap
+++ b/src/components/swap/__snapshots__/SwapModalFooter.test.tsx.snap
@@ -130,7 +130,7 @@ exports[`SwapModalFooter.tsx matches base snapshot, test trade exact input 1`] =
             <span
               class=""
             >
-              105566.373%
+              -105566.373%
             </span>
           </div>
         </div>