From c9482b6ec6b9172c52619024cac3d8f221ed6569 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Thu, 22 Oct 2020 21:25:31 +0000
Subject: [PATCH] Add summary of member counts to Charts page

---
 webclient/src/Charts.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/webclient/src/Charts.js b/webclient/src/Charts.js
index 7f3c76b..7a9aca9 100644
--- a/webclient/src/Charts.js
+++ b/webclient/src/Charts.js
@@ -47,6 +47,25 @@ export function Charts(props) {
 		<Container>
 			<Header size='large'>Charts</Header>
 
+			<Header size='medium'>Summary</Header>
+
+			{memberCount && signupCount &&
+				<>
+					<p>
+						The total member count is {memberCount.slice().reverse()[0].member_count} members,
+						compared to {memberCount.slice().reverse()[30].member_count} members 30 days ago.
+					</p>
+					<p>
+						The green member count is {memberCount.slice().reverse()[0].green_count} members,
+						compared to {memberCount.slice().reverse()[30].green_count} members 30 days ago.
+					</p>
+					<p>
+						There were {signupCount.slice().reverse()[0].signup_count} signups so far this month,
+						and {signupCount.slice().reverse()[1].signup_count} signups last month.
+					</p>
+				</>
+			}
+
 			<Header size='medium'>Member Counts</Header>
 
 			<p>Daily since March 2nd, 2020.</p>