fix: improve rendering of fee dollar values

This commit is contained in:
Moody Salem 2021-05-18 14:35:02 -05:00
parent 8d3babd015
commit 7fc9a655fc
No known key found for this signature in database
GPG Key ID: 8CB5CD10385138DB

@ -590,7 +590,7 @@ export function PositionPage({
<Label>Liquidity</Label>
{fiatValueOfLiquidity?.greaterThan(new Fraction(1, 100)) ? (
<TYPE.largeHeader fontSize="36px" fontWeight={500}>
${fiatValueOfLiquidity.toFixed(2)}
${fiatValueOfLiquidity.toFixed(2, { groupSeparator: ',' })}
</TYPE.largeHeader>
) : (
<TYPE.largeHeader color={theme.text1} fontSize="36px" fontWeight={500}>
@ -640,7 +640,7 @@ export function PositionPage({
<Label>Unclaimed fees</Label>
{fiatValueOfFees?.greaterThan(new Fraction(1, 100)) ? (
<TYPE.largeHeader color={theme.green1} fontSize="36px" fontWeight={500}>
${fiatValueOfFees.toFixed(2)}
${fiatValueOfFees.toFixed(2, { groupSeparator: ',' })}
</TYPE.largeHeader>
) : (
<TYPE.largeHeader color={theme.text1} fontSize="36px" fontWeight={500}>