Used main branch as base branch in the last time

src/pages/record.tsx

@@ -26,6 +26,9 @@ import useAssignments from "@/hooks/useAssignments";
 import {uuidv4} from "@firebase/util";
 import {usePDFDownload} from "@/hooks/usePDFDownload";
 import useRecordStore from "@/stores/recordStore";
+import ai_usage from "@/utils/ai.detection";
+
+
 export const getServerSideProps = withIronSessionSsr(({req, res}) => {
 	const user = req.session.user;
 
@@ -196,6 +199,8 @@ export default function History({user}: {user: User}) {
 		const assignment = assignments.find((a) => a.id === assignmentID);
 		const isDisabled = dateStats.some((x) => x.isDisabled);
 
+		const aiUsage = Math.round(ai_usage(dateStats) * 100);
+
 		const aggregatedLevels = aggregatedScores.map((x) => ({
 			module: x.module,
 			level: calculateBandScore(x.correct, x.total, x.module, user.focus),
@@ -254,12 +259,25 @@ export default function History({user}: {user: User}) {
 							)}
 						</div>
 					</div>
-					<div className="flex flex-row gap-2">
-						<span className={textColor}>
-							Level{" "}
-							{(aggregatedLevels.reduce((accumulator, current) => accumulator + current.level, 0) / aggregatedLevels.length).toFixed(1)}
-						</span>
-						{renderPdfIcon(session, textColor, textColor)}
+					<div className="flex flex-col gap-2">
+						<div className="flex flex-row gap-2">
+							<span className={textColor}>
+								Level{" "}
+								{(aggregatedLevels.reduce((accumulator, current) => accumulator + current.level, 0) / aggregatedLevels.length).toFixed(1)}
+							</span>
+							{renderPdfIcon(session, textColor, textColor)}
+						</div>
+						{aiUsage >= 50 && user.type !== "student" && (
+							<div className={clsx(
+								"ml-auto border px-1 rounded w-fit mr-1",
+								{
+									'bg-orange-100 border-orange-400 text-orange-700': aiUsage < 80,
+									'bg-red-100 border-red-400 text-red-700': aiUsage >= 80,
+								}
+							)}>
+								<span className="text-xs">AI Usage</span>
+							</div>
+						)}
 					</div>
 				</div>