From c7ff11d0fc5b31136a2543b0b23101c2e2a2a89f Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Thu, 5 Sep 2024 17:33:15 +0100
Subject: [PATCH] ENCOA-172: Updated it so if an assignment has already been
 started, they can't start it again

---
 src/dashboards/Student.tsx | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/dashboards/Student.tsx b/src/dashboards/Student.tsx
index 3789748c..7b73de5f 100644
--- a/src/dashboards/Student.tsx
+++ b/src/dashboards/Student.tsx
@@ -29,6 +29,7 @@ import {BsArrowRepeat, BsBook, BsClipboard, BsFileEarmarkText, BsHeadphones, BsM
 import {toast} from "react-toastify";
 import {activeAssignmentFilter} from "@/utils/assignments";
 import ModuleBadge from "@/components/ModuleBadge";
+import useSessions from "@/hooks/useSessions";
 
 interface Props {
 	user: User;
@@ -38,6 +39,7 @@ interface Props {
 
 export default function StudentDashboard({user, users, linkedCorporate}: Props) {
 	const {gradingSystem} = useGradingSystem();
+	const {sessions} = useSessions(user.id);
 	const {data: stats} = useFilterRecordsByUser<Stat[]>(user.id, !user?.id);
 	const {assignments, isLoading: isAssignmentsLoading, reload: reloadAssignments} = useAssignments({assignees: user?.id});
 	const {invites, isLoading: isInvitesLoading, reload: reloadInvites} = useInvites({to: user.id});
@@ -160,12 +162,20 @@ export default function StudentDashboard({user, users, linkedCorporate}: Props)
 													Start
 												</Button>
 											</div>
-											<Button
-												className="-md:hidden h-full w-full max-w-[50%] !rounded-xl"
-												onClick={() => startAssignment(assignment)}
-												variant="outline">
-												Start
-											</Button>
+											<div
+												data-tip="You have already started this assignment!"
+												className={clsx(
+													"-md:hidden h-full w-full max-w-[50%] cursor-pointer",
+													sessions.filter((x) => x.assignment?.id === assignment.id).length > 0 && "tooltip",
+												)}>
+												<Button
+													className={clsx("w-full h-full !rounded-xl")}
+													onClick={() => startAssignment(assignment)}
+													variant="outline"
+													disabled={sessions.filter((x) => x.assignment?.id === assignment.id).length > 0}>
+													Start
+												</Button>
+											</div>
 										</>
 									)}
 									{assignment.results.map((r) => r.user).includes(user.id) && (