From 40d7696f246cde5918c78219fa729bef2ee6aaa1 Mon Sep 17 00:00:00 2001
From: Vlad-Stefan Harbuz <vlad@vladh.net>
Date: Tue, 8 Oct 2024 16:09:06 +0100
Subject: [PATCH] Leaderboard: add total tally proof of concept

---
 src/components/Leaderboard.astro | 67 ++++++++++++++++++--------------
 src/members.ts                   | 12 ++++++
 2 files changed, 50 insertions(+), 29 deletions(-)

diff --git a/src/components/Leaderboard.astro b/src/components/Leaderboard.astro
index d7dadef..9693042 100644
--- a/src/components/Leaderboard.astro
+++ b/src/components/Leaderboard.astro
@@ -10,21 +10,47 @@ const { grouped } = Astro.props;
 
 import LeaderboardMember from "./LeaderboardMember.astro";
 import {
-  getMembers, formatDevGroupBounds, filterInactiveMembers, groupMembers,
+  getMembers, getGrandTotalRaised, fmtCurrency, formatDevGroupBounds, filterInactiveMembers, groupMembers,
   sortMembersByDevs, DEV_GROUP_BOUNDS
 } from '../members.ts';
 
 const members = filterInactiveMembers(await getMembers());
 ---
 
-{grouped ? <div>
-  {groupMembers(members).map((groupMembers, idx) => groupMembers.length > 0 && <div>
-    <h2>{formatDevGroupBounds(DEV_GROUP_BOUNDS[idx])}</h2>
+<div>
+  <p class="grand-total"
+    >Our members have raised a total of <strong>{fmtCurrency(await getGrandTotalRaised())}</strong>!</p
+  >
+  {grouped ? <div>
+    {groupMembers(members).map((groupMembers, idx) => groupMembers.length > 0 && <div>
+      <h2>{formatDevGroupBounds(DEV_GROUP_BOUNDS[idx])}</h2>
+      <table class="table--lrr table--40-30-30">
+        <thead>
+          <tr>
+            <th>Name</th>
+            <th>
+              <abbr title="Average number of employed full-time equivalent developers (in latest report)">Devs</abbr>
+            </th>
+            <th>
+              <abbr title="USD paid / average number of employed full-time equivalent developers (in latest report)"
+                >$/dev</abbr
+              >
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          {sortMembersByDevs(groupMembers).map((member) =>
+            <LeaderboardMember member={member}></LeaderboardMember>
+          )}
+        </tbody>
+      </table>
+    </div>)}
+  </div> : (
     <table class="table--lrr table--40-30-30">
       <thead>
         <tr>
           <th>Name</th>
-          <th>
+          <th class="ndevs">
             <abbr title="Average number of employed full-time equivalent developers (in latest report)">Devs</abbr>
           </th>
           <th>
@@ -35,36 +61,19 @@ const members = filterInactiveMembers(await getMembers());
         </tr>
       </thead>
       <tbody>
-        {sortMembersByDevs(groupMembers).map((member) =>
+        {sortMembersByDevs(members).map((member) =>
           <LeaderboardMember member={member}></LeaderboardMember>
         )}
       </tbody>
     </table>
-  </div>)}
-</div> : (
-  <table class="table--lrr table--40-30-30">
-    <thead>
-      <tr>
-        <th>Name</th>
-        <th class="ndevs">
-          <abbr title="Average number of employed full-time equivalent developers (in latest report)">Devs</abbr>
-        </th>
-        <th>
-          <abbr title="USD paid / average number of employed full-time equivalent developers (in latest report)"
-            >$/dev</abbr
-          >
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      {sortMembersByDevs(members).map((member) =>
-        <LeaderboardMember member={member}></LeaderboardMember>
-      )}
-    </tbody>
-  </table>
-)}
+  )}
+</div>
 
 <style>
+  .grand-total {
+    margin: 2rem 0;
+    text-align: center;
+  }
   h2 {
     margin-top: 2rem;
     padding: 0.3rem 0.5rem;
diff --git a/src/members.ts b/src/members.ts
index 7edfc57..e602270 100644
--- a/src/members.ts
+++ b/src/members.ts
@@ -13,6 +13,18 @@ export function getDollarsPerDev(report: MemberReport) {
   return report.payments / report.averageNumberOfDevs;
 }
 
+export async function getGrandTotalRaised() {
+  const members = filterInactiveMembers(await getMembers());
+  let grandTotal = 0;
+  members.forEach((member) => {
+    member.data.annualReports.forEach((report) => {
+      console.log(member.data.name, report.dateYearEnding, report.payments);
+      grandTotal += report.payments;
+    });
+  });
+  return grandTotal;
+}
+
 export function fmtCurrency(num: number) {
   return '$' + num.toLocaleString(undefined, {
     minimumFractionDigits: 0,