From b9f608164dbc1f413751c2b556991bbe092f54cc Mon Sep 17 00:00:00 2001
From: Galen Guyer <galen@galenguyer.com>
Date: Fri, 13 Nov 2020 21:21:14 -0500
Subject: Populate the rest of the data with some niceish styling

---
 src/App.js | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

(limited to 'src/App.js')

diff --git a/src/App.js b/src/App.js
index e7137a2..4abd1e4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -32,6 +32,40 @@ function App() {
                 <Card name="Total Student Cases" latest={latest.total_students} prior={prior.total_students} />
                 <Card name="Total Staff Cases" latest={latest.total_staff} prior={prior.total_staff} />
             </div>
+            <div className="Section">
+                <Card name="New Student Cases" latest={latest.new_students} prior={prior.new_students} />
+                <Card name="New Staff Cases" latest={latest.new_staff} prior={prior.new_staff} />
+            </div>
+            <div className="Section">
+                <Card
+                    name="Quarantine On Campus"
+                    latest={latest.quarantine_on_campus}
+                    prior={prior.quarantine_on_campus}
+                />
+                <Card
+                    name="Quarantine Off Campus"
+                    latest={latest.quarantine_off_campus}
+                    prior={prior.quarantine_off_campus}
+                />
+            </div>
+            <div className="Section">
+                <Card
+                    name="Isolation On Campus"
+                    latest={latest.isolation_on_campus}
+                    prior={prior.isolation_on_campus}
+                />
+                <Card
+                    name="Isolation Off Campus"
+                    latest={latest.isolation_off_campus}
+                    prior={prior.isolation_off_campus}
+                />
+            </div>
+            <div className="Section">
+                <Card name="Tests Administered" latest={latest.tests_administered} prior={prior.tests_administered} />
+            </div>
+            <div className="Section">
+                <Card name="Beds Available" latest={latest.beds_available} prior={prior.beds_available} suffix="%" />
+            </div>
         </div>
     );
 }
-- 
cgit v1.2.3