aboutsummaryrefslogtreecommitdiff
path: root/src/MainPage.js
diff options
context:
space:
mode:
authorGalen Guyer <galen@galenguyer.com>2022-04-13 19:10:44 -0400
committerGalen Guyer <galen@galenguyer.com>2022-04-13 19:44:24 -0400
commit264e571b0ca34d24f4997c5864a43d4f475e14dc (patch)
tree3ddfb30dbd97dc5c5c3da91a8e1cba4916348190 /src/MainPage.js
parent290e1694efacc8bfea62b78538cb9d40003f62f6 (diff)
full version 2 re-write
Diffstat (limited to 'src/MainPage.js')
-rw-r--r--src/MainPage.js166
1 files changed, 0 insertions, 166 deletions
diff --git a/src/MainPage.js b/src/MainPage.js
deleted file mode 100644
index b663521..0000000
--- a/src/MainPage.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import React from "react";
-import Card from "./Card";
-import GoatCounter from "./GoatCounter";
-
-const MainPage = (props) => {
- const data = props.data;
- const latest = data[data.length - 1];
- const prior = data[data.length - (1 + props.timeDifference)];
- // const priorPrior = data[Math.max(0, data.length - (1 + props.timeDifference * 2))];
-
- // const positiveTestRate = Math.max(
- // 0,
- // Math.min(
- // 100,
- // ((latest.total_students - prior.total_students) * 100) /
- // (latest.tests_administered - prior.tests_administered)
- // )
- // ).toFixed(1);
- // const priorPositiveTestRate = Math.max(
- // 0,
- // Math.min(
- // 100,
- // ((prior.total_students - priorPrior.total_students) * 100) /
- // (prior.tests_administered - priorPrior.tests_administered)
- // )
- // ).toFixed(1);
-
- return (
- <>
- {/* <h4 className="text-2xl">
- Alert Level: {latest.alert_level.charAt(0).toUpperCase() + latest.alert_level.slice(1)}
- </h4>
- <h5 className="text-gray-600 text-sm">
- (Prior Alert Level: {prior.alert_level.charAt(0).toUpperCase() + prior.alert_level.slice(1)})
- </h5>
- <br /> */}
- <h2 className="text-xl">
- This dashboard has been refreshed for the new semester. Historical data from the 2020-2021 school year is
- available at <a href="//2020.ritcoviddashboard.com">2020.ritcoviddashboard.com</a>. Data from the Fall 2021
- semester is available at <a href="//2021.ritcoviddashboard.com">2021.ritcoviddashboard.com</a>.
- </h2>
- <br />
- <div id="total">
- <h4 className="text-2xl">
- {/* Total Positive Cases Since {props.showAllTime ? "August 19 (First Day of Classes)" : "January 1"} */}
- Total Positive Cases Since January 10 (First Day of Classes)
- </h4>
- <div className="Section">
- <Card
- name="Students"
- latest={latest.total_students}
- diff={latest.total_students - prior.total_students}
- link="/totalstudents"
- />
- <Card
- name="Staff"
- latest={latest.total_staff}
- diff={latest.total_staff - prior.total_staff}
- link="/totalstaff"
- />
- </div>
- </div>
- <br />
- <div id="new">
- <h4 className="text-2xl">New Positive Cases From Past 14 Days</h4>
- <div className="Section">
- <Card
- name="Students"
- latest={latest.new_students}
- diff={latest.new_students - prior.new_students}
- link="/newstudents"
- />
- <Card
- name="Staff"
- latest={latest.new_staff}
- diff={latest.new_staff - prior.new_staff}
- link="/newstaff"
- />
- </div>
- </div>
- {/* <br />
- <div id="quarantine">
- <h4 className="text-2xl">Number of Students in Quarantine</h4>
- <h5 className="text-base">
- Quarantine separates and restricts the movement of people who were exposed to a contagious disease
- to see if they become sick.
- </h5>
- <div className="Section">
- <Card
- name="On Campus"
- latest={latest.quarantine_on_campus}
- diff={latest.quarantine_on_campus - prior.quarantine_on_campus}
- link="/quarantineoncampus"
- />
- <Card
- name="Off Campus"
- latest={latest.quarantine_off_campus}
- diff={latest.quarantine_off_campus - prior.quarantine_off_campus}
- link="/quarantineoffcampus"
- />
- </div>
- </div>
- <br />
- <div id="isolation">
- <h4 className="text-2xl">Number of Students in Isolation</h4>
- <h5 className="text-base">
- Isolation separates sick people with a contagious disease from people who are not sick.
- </h5>
- <div className="Section">
- <Card
- name="On Campus"
- latest={latest.isolation_on_campus}
- diff={latest.isolation_on_campus - prior.isolation_on_campus}
- link="isolationoncampus"
- />
- <Card
- name="Off Campus"
- latest={latest.isolation_off_campus}
- diff={latest.isolation_off_campus - prior.isolation_off_campus}
- link="isolationoffcampus"
- />
- </div>
- </div>
- <br />
- <div id="tests">
- <h4 className="text-2xl">Tests</h4>
- <h5 className="text-base">
- Positive Test Rate is calculated using the difference in total cases divided by the difference in
- tests administed for the selected time frame (one day or one week). The daily positive test rate
- fluctuates wildly and should be taken with caution, while the weekly positive test rate is far more
- stable and useful.
- </h5>
- <div className="Section">
- <Card
- name="Tests Administered"
- latest={latest.tests_administered}
- diff={latest.tests_administered - prior.tests_administered}
- link="/tests"
- />
- <Card
- name="Positive Test Rate"
- latest={positiveTestRate + "%"}
- diff={(positiveTestRate - priorPositiveTestRate).toFixed(1) + "%"}
- link="/positivetests"
- />
- </div>
- </div>
- <br />
- <div id="beds">
- <h4 className="text-2xl">Quarantine/Isolation Bed Availability On-campus</h4>
- <div className="Section">
- <Card
- name="Beds Available"
- latest={latest.beds_available + "%"}
- diff={latest.beds_available - prior.beds_available + "%"}
- suffix="%"
- link="/beds"
- />
- </div>
- </div> */}
- <GoatCounter />
- </>
- );
-};
-
-export default MainPage;