fix: Remove Minus Sign for FOT Display (#7419)

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> }) {

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>

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>

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>