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)}
+
+
+
)
})}