Cosmetic UI: display figures to always contain 2 decimal places for consistency

[marsrobertson]

It immediately got my attention as misaligned. Or maybe by design? I think consistency is better.

[linear[bot]]

PAR-252 Cosmetic UI: display figures to always contain 2 decimal places for consistency

[onyedikachi-david]

Can i get assigned?

[eben619]

Hey @marsrobertson, @MasterHW , I have a fix for this. To fix the display figures issue you could update the props.crowdfundedUSD component in the ViewRoundPage.tsx. file found in grants-stack\packages\grant-explorer\src\features\round\ViewRoundPage.tsx.

fix :

{props.crowdfundedUSD?.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2, })} This approach will guarantee the amount is always shown in two decimal places on the frontend. Even if it is a whole number.

I'll go ahead and create a draft pull request for this fix.