- Number of Students per Day (in the last week)
+ Number of Questions per Day (in the last week)
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ dateFormatter(day.day)),
+ datasets: [
+ {
+ label: 'Number of Students',
+ data: numStudentsPerDayLastWeek.map((day) => day.students),
+ fill: false,
+ backgroundColor: theme.palette.primary.main,
+ borderColor: theme.palette.primary.main,
+ borderWidth: 3,
+ tension: 0.3,
+ },
+ ],
+ }}
+ />
+
- Number of Students per Day (overall)
+ Number of Questions per Day (semester)
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ dateFormatter(day.day)),
+ datasets: [
+ {
+ label: 'Number of Students',
+ data: numStudentsOverall.map((day) => day.students),
+ fill: false,
+ backgroundColor: theme.palette.primary.main,
+ borderColor: theme.palette.primary.main,
+ borderWidth: 3,
+ tension: 0.3,
+ },
+ ],
+ }}
+ />
+
- Number of Students per Day of the Week
+ Number of Questions per Day of the Week
-
-
-
-
-
-
-
-
-
-
-
-
+
+ day.day),
+ datasets: [
+ {
+ label: 'Number of Students',
+ data: numStudentsPerDay.map((day) => day.students),
+ backgroundColor: theme.palette.primary.main,
+ borderColor: theme.palette.primary.main,
+ borderWidth: 3,
+ },
+ ],
+ }}
+ />
+
);
}
diff --git a/client/src/components/metrics/MetricsMain.tsx b/client/src/components/metrics/MetricsMain.tsx
index 0aa3898..247238d 100644
--- a/client/src/components/metrics/MetricsMain.tsx
+++ b/client/src/components/metrics/MetricsMain.tsx
@@ -1,26 +1,32 @@
-import React from 'react';
+import React, {useContext} from 'react';
import {
Typography,
} from '@mui/material';
-import DateTimeSelector from './DateTimeSelector';
import PersonalStats from './PersonalStats';
import OverallStats from './OverallStats';
import CumulativeStats from './CumulativeStats';
import Graph from './Graph';
+import {UserDataContext} from '../../contexts/UserDataContext';
+import AdminMetrics from './AdminMetrics';
export default function MetricsMain(props) {
+ const {userData} = useContext(UserDataContext);
+
return (