diff --git a/app/components/dashboard/FundingSummary.jsx b/app/components/dashboard/FundingSummary.jsx index 9862ffb..384c486 100644 --- a/app/components/dashboard/FundingSummary.jsx +++ b/app/components/dashboard/FundingSummary.jsx @@ -34,6 +34,10 @@ const styles = { linearBarColorPrimary: { backgroundColor: '#00695c', }, + titleText: { + textAlign: 'center', + paddingTop: '2rem' + } } const getNet = (deposits, withdraws) => Number(deposits) - Number(withdraws) @@ -55,30 +59,39 @@ function SimpleCard(props) { const [name, amounts] = token const { deposits, withdraws } = amounts return ( - - + + {name} - - - Funded: {deposits} + + + {deposits} - - Withdrawn: {withdraws} + + Funded - - Net: {Number(deposits) - Number(withdraws)} + + {withdraws} + + + Withdrawn + + + {Number(deposits) - Number(withdraws)} + + + Net Remaining - + ) })}