diff --git a/packages/frontend/src/components/form/Input.tsx b/packages/frontend/src/components/form/Input.tsx index e17728210..56a6aa5be 100644 --- a/packages/frontend/src/components/form/Input.tsx +++ b/packages/frontend/src/components/form/Input.tsx @@ -5,7 +5,7 @@ import { useAccount, useBalance } from 'wagmi' import { formatInputAmount } from './formatInputAmount' import { CloseCircleIcon, EtherIcon } from '../icons' import { Colors } from '@/styles/colors' -import { formatEther } from 'viem' +import { formatBalance } from '@/utils/formatters/formatBalance' interface InputProps { initialAmount: string @@ -63,7 +63,7 @@ export const Input = ({ initialAmount, setAmount, notEnoughBalance, bidTooLow }: return ( - Balance: {userBalance !== undefined ? formatEther(userBalance) : '-'} ETH + Balance: {formatBalance(userBalance)} ETH diff --git a/packages/frontend/src/components/form/ReviewForm.tsx b/packages/frontend/src/components/form/ReviewForm.tsx index e1dddf60a..4da7ca3c9 100644 --- a/packages/frontend/src/components/form/ReviewForm.tsx +++ b/packages/frontend/src/components/form/ReviewForm.tsx @@ -5,6 +5,7 @@ import { Form, FormRow } from '.' import { formatEther } from 'viem' import { Button } from '../buttons' import { heading } from '../auction/AuctionTransaction' +import { formatBalance } from '@/utils/formatters/formatBalance' const amountLabel = { [Transactions.Place]: 'Your Bid', @@ -44,7 +45,7 @@ export const ReviewForm = ({ action: { status, ...action }, amount, impact, view )} Wallet Balance - {!!etherBalance && formatEther(etherBalance)} ETH + {formatBalance(etherBalance)} ETH