Amounts displaying refactoring

src/cow-react/modules/limitOrders/containers/LimitOrdersWidget/index.tsx

@@ -83,7 +83,7 @@ export function LimitOrdersWidget() {
     [settingState.showRecipient, isWrapOrUnwrap]
   )
   const priceImpact = usePriceImpact(useLimitOrdersPriceImpactParams())
-  const inputViewAmount = tokenViewAmount(inputCurrencyAmount, inputCurrencyBalance, orderKind === OrderKind.SELL)
+  const inputViewAmount = tokenViewAmount(inputCurrencyAmount)
 
   const inputCurrencyInfo: CurrencyInfo = {
     field: Field.INPUT,
@@ -100,9 +100,7 @@ export function LimitOrdersWidget() {
     label: isWrapOrUnwrap ? undefined : isSellOrder ? 'You receive at least' : 'You receive exactly',
     currency: outputCurrency,
     rawAmount: isWrapOrUnwrap ? inputCurrencyAmount : outputCurrencyAmount,
-    viewAmount: isWrapOrUnwrap
-      ? inputViewAmount
-      : tokenViewAmount(outputCurrencyAmount, outputCurrencyBalance, orderKind === OrderKind.BUY),
+    viewAmount: isWrapOrUnwrap ? inputViewAmount : tokenViewAmount(outputCurrencyAmount),
     balance: outputCurrencyBalance,
     fiatAmount: outputCurrencyFiatAmount,
     receiveAmountInfo: null,

src/cow-react/modules/swap/containers/NewSwapWidget/index.tsx

@@ -84,7 +84,7 @@ export function NewSwapWidget() {
     field: Field.INPUT,
     currency: currencies.INPUT || null,
     rawAmount: parsedAmounts.INPUT || null,
-    viewAmount: tokenViewAmount(parsedAmounts.INPUT, inputCurrencyBalance, independentField === Field.INPUT),
+    viewAmount: tokenViewAmount(parsedAmounts.INPUT),
     balance: inputCurrencyBalance,
     fiatAmount: useHigherUSDValue(trade?.inputAmountWithoutFee),
     receiveAmountInfo: independentField === Field.OUTPUT && trade ? getInputReceiveAmountInfo(trade) : null,
@@ -94,7 +94,7 @@ export function NewSwapWidget() {
     field: Field.OUTPUT,
     currency: currencies.OUTPUT || null,
     rawAmount: parsedAmounts.OUTPUT || null,
-    viewAmount: tokenViewAmount(parsedAmounts.OUTPUT, outputCurrencyBalance, independentField === Field.OUTPUT),
+    viewAmount: tokenViewAmount(parsedAmounts.OUTPUT),
     balance: outputCurrencyBalance,
     fiatAmount: useHigherUSDValue(trade?.outputAmountWithoutFee),
     receiveAmountInfo: independentField === Field.INPUT && trade ? getOutputReceiveAmountInfo(trade) : null,

src/cow-react/modules/trade/utils/tokenViewAmount.ts

@@ -1,18 +1,6 @@
-import { formatSmartAmount } from 'utils/format'
 import { Currency, CurrencyAmount } from '@uniswap/sdk-core'
-import { maxAmountSpend } from 'utils/maxAmountSpend'
+import { AMOUNT_PRECISION } from 'constants/index'
 
-export function tokenViewAmount(
-  amount: CurrencyAmount<Currency> | undefined | null,
-  balance: CurrencyAmount<Currency> | null,
-  isIndependentField: boolean
-): string {
-  if (isIndependentField) {
-    return amount?.toExact() || ''
-  }
-
-  const maxBalance = balance ? maxAmountSpend(balance) : undefined
-  const isInputCurrencyHasMaxAmount = !!(maxBalance && amount?.equalTo(maxBalance))
-
-  return (isInputCurrencyHasMaxAmount ? amount?.toExact() : formatSmartAmount(amount)) || ''
+export function tokenViewAmount(amount: CurrencyAmount<Currency> | undefined | null): string {
+  return amount?.toFixed(AMOUNT_PRECISION) || ''
 }