status-im
/
liquid-funding
mirror of https://github.com/status-im/liquid-funding.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

use token specific amt formatter in project pledges

This commit is contained in:
Barry Gitarts 2019-06-19 11:17:39 -04:00
parent 765ded684f
commit 0a80d12402
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/projects/ProjectPledges.jsx
View File

@ -14,8 +14,7 @@ import { makeStyles } from '@material-ui/styles'
import Paper from '@material-ui/core/Paper'
import Tabs from '@material-ui/core/Tabs'
import Tab from '@material-ui/core/Tab'
import { toEther } from '../../utils/conversions'
import { getTokenLabel } from '../../utils/currencies'
import { getTokenLabel, getHumanAmountFormatter } from '../../utils/currencies'
const { mWithdraw, withdraw } = LiquidPledging.methods
const { confirmPayment } = LPVault.methods
@ -109,11 +108,12 @@ function SimplePledge({ classes, pledge, values, handleChange, pledgeType }) {
const notPaid = pledgeTypes[pledgeType] !== PAID
const notPaying = pledgeTypes[pledgeType] !== PAYING
const amtFormatter = getHumanAmountFormatter(pledge.token)
return (
<Card className={classes.card}>
<CardContent>
<Typography className={classes.title} color="primary" gutterBottom>
{toEther(pledge.amount)} {getTokenLabel(pledge.token)}
{amtFormatter(pledge.amount)} {getTokenLabel(pledge.token)}
</Typography>
<Typography variant="h5" component="h2" className={classes.subText}>
Pledge ID: {pledge.idPledge}

1
src/utils/currencies.js
View File

@ -56,6 +56,7 @@ export const currencies = [
]
export const getTokenByAddress = memoizeWith(identity, value => currencies.find(currency => currency.value.toLowerCase() === value.toLowerCase()))
export const getHumanAmountFormatter = tokenAddress => getTokenByAddress(tokenAddress).humanReadibleFn
export const getTokenLabel = value => {
const token = getTokenByAddress(value)
return token ? token.label : null