Improved a bit of the speed of the application

src/pages/dashboard/corporate.tsx

@@ -2,22 +2,19 @@
 import Layout from "@/components/High/Layout";
 import UserDisplayList from "@/components/UserDisplayList";
 import IconCard from "@/components/IconCard";
-import { Module } from "@/interfaces";
 import { EntityWithRoles } from "@/interfaces/entity";
-import { Assignment } from "@/interfaces/results";
-import { Group, Stat, User } from "@/interfaces/user";
+import { Stat, Type, User } from "@/interfaces/user";
 import { sessionOptions } from "@/lib/session";
 import { dateSorter, filterBy, mapBy, redirect, serialize } from "@/utils";
 import { requestUser } from "@/utils/api";
-import { getEntitiesAssignments } from "@/utils/assignments.be";
+import { countEntitiesAssignments } from "@/utils/assignments.be";
 import { getEntitiesWithRoles } from "@/utils/entities.be";
-import { getGroupsByEntities } from "@/utils/groups.be";
+import { countGroupsByEntities } from "@/utils/groups.be";
 import { checkAccess } from "@/utils/permissions";
-import { calculateAverageLevel, calculateBandScore } from "@/utils/score";
+import { calculateAverageLevel } from "@/utils/score";
 import { groupByExam } from "@/utils/stats";
 import { getStatsByUsers } from "@/utils/stats.be";
-import { filterAllowedUsers } from "@/utils/users.be";
-import { getEntitiesUsers } from "@/utils/users.be";
+import { countAllowedUsers, filterAllowedUsers } from "@/utils/users.be";
 import { withIronSessionSsr } from "iron-session/next";
 import { uniqBy } from "lodash";
 import moment from "moment";
@@ -28,7 +25,6 @@ import {
 	BsClipboard2Data,
 	BsClock,
 	BsEnvelopePaper,
-	BsPaperclip,
 	BsPencilSquare,
 	BsPeople,
 	BsPeopleFill,
@@ -41,10 +37,11 @@ import { useAllowedEntities } from "@/hooks/useEntityPermissions";
 interface Props {
 	user: User;
 	users: User[];
+	userCounts: { [key in Type]: number }
 	entities: EntityWithRoles[];
-	assignments: Assignment[];
+	assignmentsCount: number;
 	stats: Stat[];
-	groups: Group[];
+	groupsCount: number;
 }
 
 export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
@@ -57,14 +54,16 @@ export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
 	const entities = await getEntitiesWithRoles(entityIDS);
 	const users = await filterAllowedUsers(user, entities)
 
-	const assignments = await getEntitiesAssignments(entityIDS);
-	const stats = await getStatsByUsers(users.map((u) => u.id));
-	const groups = await getGroupsByEntities(entityIDS);
+	const userCounts = await countAllowedUsers(user, entities)
+	const assignmentsCount = await countEntitiesAssignments(entityIDS, { archived: { $ne: true } });
+	const groupsCount = await countGroupsByEntities(entityIDS);
 
-	return { props: serialize({ user, users, entities, assignments, stats, groups }) };
+	const stats = await getStatsByUsers(users.map((u) => u.id));
+
+	return { props: serialize({ user, users, userCounts, entities, assignmentsCount, stats, groupsCount }) };
 }, sessionOptions);
 
-export default function Dashboard({ user, users, entities, assignments, stats, groups }: Props) {
+export default function Dashboard({ user, users, userCounts, entities, assignmentsCount, stats, groupsCount }: Props) {
 	const students = useMemo(() => users.filter((u) => u.type === "student"), [users]);
 	const teachers = useMemo(() => users.filter((u) => u.type === "teacher"), [users]);
 
@@ -72,31 +71,6 @@ export default function Dashboard({ user, users, entities, assignments, stats, g
 
 	const router = useRouter();
 
-	const averageLevelCalculator = (studentStats: Stat[]) => {
-		const formattedStats = studentStats
-			.map((s) => ({
-				focus: students.find((u) => u.id === s.user)?.focus,
-				score: s.score,
-				module: s.module,
-			}))
-			.filter((f) => !!f.focus);
-		const bandScores = formattedStats.map((s) => ({
-			module: s.module,
-			level: calculateBandScore(s.score.correct, s.score.total, s.module, s.focus!),
-		}));
-
-		const levels: { [key in Module]: number } = {
-			reading: 0,
-			listening: 0,
-			writing: 0,
-			speaking: 0,
-			level: 0,
-		};
-		bandScores.forEach((b) => (levels[b.module] += b.level));
-
-		return calculateAverageLevel(levels);
-	};
-
 	return (
 		<>
 			<Head>
@@ -121,21 +95,21 @@ export default function Dashboard({ user, users, entities, assignments, stats, g
 							onClick={() => router.push("/users?type=student")}
 							Icon={BsPersonFill}
 							label="Students"
-							value={students.length}
+							value={userCounts.student}
 							color="purple"
 						/>
 						<IconCard
 							onClick={() => router.push("/users?type=teacher")}
 							Icon={BsPencilSquare}
 							label="Teachers"
-							value={teachers.length}
+							value={userCounts.teacher}
 							color="purple"
 						/>
 						<IconCard
 							onClick={() => router.push("/classrooms")}
 							Icon={BsPeople}
 							label="Classrooms"
-							value={groups.length}
+							value={groupsCount}
 							color="purple"
 						/>
 						<IconCard Icon={BsPeopleFill}
@@ -156,7 +130,7 @@ export default function Dashboard({ user, users, entities, assignments, stats, g
 						<IconCard Icon={BsPersonFillGear}
 							onClick={() => router.push("/users/performance")}
 							label="Student Performance"
-							value={students.length}
+							value={userCounts.student}
 							color="purple"
 						/>
 						<IconCard
@@ -170,7 +144,7 @@ export default function Dashboard({ user, users, entities, assignments, stats, g
 							className="col-span-2"
 							onClick={() => router.push("/assignments")}
 							label="Assignments"
-							value={assignments.filter((a) => !a.archived).length}
+							value={assignmentsCount}
 							color="purple"
 						/>
 					</section>