diff --git a/src/custom/pages/Claim/ClaimingStatus.tsx b/src/custom/pages/Claim/ClaimingStatus.tsx index 3ea91a056..967a07bc6 100644 --- a/src/custom/pages/Claim/ClaimingStatus.tsx +++ b/src/custom/pages/Claim/ClaimingStatus.tsx @@ -1,3 +1,4 @@ +import { CurrencyAmount } from '@uniswap/sdk-core' import { Trans } from '@lingui/macro' import { ConfirmOrLoadingWrapper, ConfirmedIcon, AttemptFooter, CowSpinner } from 'pages/Claim/styled' import { ClaimStatus } from 'state/claim/actions' @@ -12,6 +13,8 @@ import { EnhancedTransactionLink } from 'components/EnhancedTransactionLink' import { ExplorerDataType } from 'utils/getExplorerLink' import { V_COW } from 'constants/tokens' import AddToMetamask from 'components/AddToMetamask' +import { formatMax, formatSmartLocaleAware } from 'utils/format' +import { AMOUNT_PRECISION } from 'constants/index' export default function ClaimingStatus() { const { chainId, account } = useActiveWeb3React() @@ -33,6 +36,11 @@ export default function ClaimingStatus() { const currency = chainId ? V_COW[chainId] : undefined + const vCowAmount = currency && CurrencyAmount.fromRawAmount(currency, claimedAmount) + + const formattedVCowAmount = formatSmartLocaleAware(vCowAmount, AMOUNT_PRECISION) + const formattedMaxVCowAmount = vCowAmount?.greaterThan('0') ? formatMax(vCowAmount, currency?.decimals) : '' + return ( @@ -45,7 +53,11 @@ export default function ClaimingStatus() { )}

{isConfirmed ? 'Claimed!' : 'Claiming'}

- {!isConfirmed && {claimedAmount} vCOW} + {!isConfirmed && ( + + {formattedVCowAmount} vCOW + + )} {isConfirmed && ( <> @@ -53,7 +65,7 @@ export default function ClaimingStatus() {

You have successfully claimed

-

{claimedAmount} vCOW

+

{formattedVCowAmount} vCOW