From be01fd2faaad2feebdb31f7a813a636d93356db8 Mon Sep 17 00:00:00 2001
From: Galen Guyer <galen@galenguyer.com>
Date: Sat, 14 Nov 2020 14:38:35 -0500
Subject: Add alert level and clean up colors

---
 src/History.js  | 4 ++--
 src/MainPage.js | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/History.js b/src/History.js
index c559d83..6b42460 100644
--- a/src/History.js
+++ b/src/History.js
@@ -32,7 +32,7 @@ const History = (props) => {
                 margin={{ top: 15, right: 30, left: 20, bottom: 5 }}
                 data={data}
             >
-                <Line type="monotone" dataKey="value" stroke="#8884d8" dot={false} />
+                <Line type="monotone" dataKey="value" stroke="#fbd38d" dot={false} />
                 <CartesianGrid strokeDasharray="3 3" />
                 <XAxis
                     dataKey="date"
@@ -66,7 +66,7 @@ class CustomizedAxisTick extends PureComponent {
 const CustomTooltip = ({ active, payload, label }) => {
     if (active) {
         return (
-            <div className="custom-tooltip bg-white border-blue-300 border-2 rounded-lg p-1">
+            <div className="custom-tooltip bg-white border-orange-300 border-2 rounded-lg p-1">
                 <p className="label">{DateTime.fromSeconds(label).toLocaleString()}</p>
                 <p className="desc">{payload[0].value}</p>
             </div>
diff --git a/src/MainPage.js b/src/MainPage.js
index 82cb196..cb83078 100644
--- a/src/MainPage.js
+++ b/src/MainPage.js
@@ -7,6 +7,10 @@ const MainPage = (props) => {
 
     return (
         <>
+            <h4 className="text-2xl">
+                Alert Level: {latest.alert_level.charAt(0).toUpperCase() + latest.alert_level.slice(1)}
+            </h4>
+            <br />
             <div id="total">
                 <h4 className="text-2xl">Total Positive Cases Since August 19 (First Day of Classes)</h4>
                 <div className="Section">
-- 
cgit v1.2.3