status-im/liquid-funding
2
0
Fork 0
mirror of https://github.com/status-im/liquid-funding.git synced 2025-01-12 12:34:39 +00:00
Code Issues Projects Releases Wiki Activity

fix percentage formatting

Browse Source
This commit is contained in:
Barry Gitarts 2019-08-19 11:36:34 -04:00 committed by Barry G
parent 876daa13f5
commit 1ae15cdbe3
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/projects/FundProject.jsx
View File

@ -32,6 +32,7 @@ const addProjectSucessMsg = response => {
const { events: { ProjectAdded: { returnValues: { idProject } } } } = response
return `Project created with ID of ${idProject}, will redirect to your new project page in a few seconds`
}
const formatPercent = number => Number(number).toLocaleString(undefined,{style: 'percent', minimumFractionDigits:2})
const SubmissionSection = ({ classes, projectData, projectId, commitTime, profileData, startPolling }) => {
const { account, openSnackBar, prices } = useContext(FundingContext)
const { projectAge, projectAssets, manifest } = projectData
@ -42,7 +43,7 @@ const SubmissionSection = ({ classes, projectData, projectId, commitTime, profil
const isVideo = useMemo(() => getMediaType(projectAssets), [projectAssets, projectId])
const mediaUrl = useMemo(() => getMediaSrc(projectAssets), [projectAssets, projectId])
const createdDate = getDateCreated(projectAge)
const percentToGoal = manifest ? (Number(totalPledged) / Number(manifest.goal)) * 100 : 0
const percentToGoal = manifest ? formatPercent(Number(totalPledged) / Number(manifest.goal)) : formatPercent(0)
const isCreator = projectData.creator === account
return (
<Formik
@ -141,7 +142,7 @@ const SubmissionSection = ({ classes, projectData, projectId, commitTime, profil
{`${totalPledged.toLocaleString()} ${tokenLabel}`} pledged
</Typography>
<Typography className={classes.fullWidth}>
{`${percentToGoal}% of ${Number(manifest.goal).toLocaleString()} goal`}
{`${percentToGoal} of ${Number(manifest.goal).toLocaleString()} goal`}
</Typography>
<Typography className={classnames(classes.fullWidth, classes.usdText)}>
{`${totalPledged ? convertTokenAmountUsd(manifest.goalToken, totalPledged, prices) : '$0'} of ${convertTokenAmountUsd(manifest.goalToken, manifest.goal, prices)} USD`}