Merge pull request #108 from debtcollective/feat/total-donation-amount

feat/total-donation-amount
debtcollective · Oct 15, 2019 · 4fff9d4 · 4fff9d4
2 parents 71ae227 + 1f07869
commit 4fff9d4
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/app/javascript/bundles/User/components/DonationsHistory.jsx b/app/javascript/bundles/User/components/DonationsHistory.jsx
@@ -27,17 +27,28 @@ const DONATION_TYPES = {
   SUBSCRIPTION: 'Monthly Subscription'
 }
 
+const calcDonationTotal = donations => {
+  return donations.reduce((acc, donation) => (acc += donation), 0)
+}
+
 function DonationsView ({ activePlan, donations }) {
   const classes = useStyles()
+  const donatedAmount = calcDonationTotal(
+    donations.map(donation => Number(donation.amount))
+  )
 
   return (
     <Paper className={classes.root}>
       <h3>Your Donations History</h3>
       {activePlan && (
         <p>
-          Your're <strong>currently subscribed to {activePlan.name}</strong>.
+          You're <strong>currently subscribed to {activePlan.name}</strong>.
         </p>
       )}
+      <p>
+        You have donated:{' '}
+        <strong>{numeral(donatedAmount).format('$0,0.00')}</strong>
+      </p>
       <Table className={classes.table}>
         <TableHead>
           <TableRow>