diff --git a/app/components/dashboard/FundingSummary.jsx b/app/components/dashboard/FundingSummary.jsx index f71299d..9862ffb 100644 --- a/app/components/dashboard/FundingSummary.jsx +++ b/app/components/dashboard/FundingSummary.jsx @@ -4,6 +4,7 @@ import { withStyles } from '@material-ui/core/styles' import Card from '@material-ui/core/Card' import CardContent from '@material-ui/core/CardContent' import Typography from '@material-ui/core/Typography' +import LinearProgress from '@material-ui/core/LinearProgress' import { FundingContext } from '../../context' import { getDepositWithdrawTotals } from '../../selectors/pledging' @@ -27,8 +28,16 @@ const styles = { pos: { marginBottom: 12, }, + linearColorPrimary: { + backgroundColor: '#b2dfdb', + }, + linearBarColorPrimary: { + backgroundColor: '#00695c', + }, } +const getNet = (deposits, withdraws) => Number(deposits) - Number(withdraws) +const getValue = (deposits, withdraws) => (getNet(deposits, withdraws) / Number(deposits)) * 100 function SimpleCard(props) { const { classes, title } = props @@ -50,15 +59,26 @@ function SimpleCard(props) { {name} - - Funded: {deposits} - - - Withdrawn: {withdraws} - - - Net: {Number(deposits) - Number(withdraws)} - + + + Funded: {deposits} + + + Withdrawn: {withdraws} + + + Net: {Number(deposits) - Number(withdraws)} + + + ) })}