diff options
| author | Galen Guyer <galen@galenguyer.com> | 2020-11-14 14:38:35 -0500 |
|---|---|---|
| committer | Galen Guyer <galen@galenguyer.com> | 2020-11-14 14:38:35 -0500 |
| commit | be01fd2faaad2feebdb31f7a813a636d93356db8 (patch) | |
| tree | 6d757bdf203876c9657a190a218e5be600ba2a79 | |
| parent | 223baecd2196a92e86daf475e499c02a66a754b9 (diff) | |
Add alert level and clean up colors
| -rw-r--r-- | src/History.js | 4 | ||||
| -rw-r--r-- | src/MainPage.js | 4 |
2 files changed, 6 insertions, 2 deletions
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"> |