ENCOA-266

src/pages/dashboard/teacher.tsx

@@ -60,31 +60,7 @@ export default function Dashboard({ user, users, entities, assignments, stats, g
 	const router = useRouter();
 
 	const allowedEntityStatistics = useAllowedEntities(user, entities, 'view_entity_statistics')
-
-	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);
-	};
+	const allowedStudentPerformance = useAllowedEntities(user, entities, 'view_student_performance')
 
 	return (
 		<>
@@ -121,6 +97,14 @@ export default function Dashboard({ user, users, entities, assignments, stats, g
 							color="purple"
 						/>
 						<IconCard Icon={BsClipboard2Data} label="Exams Performed" value={uniqBy(stats, "exam").length} color="purple" />
+						{allowedStudentPerformance.length > 0 && (
+							<IconCard Icon={BsPersonFillGear}
+								onClick={() => router.push("/users/performance")}
+								label="Student Performance"
+								value={students.length}
+								color="purple"
+							/>
+						)}
 						{allowedEntityStatistics.length > 0 && (
 							<IconCard Icon={BsPersonFillGear}
 								onClick={() => router.push("/statistical")}