Added the assignment to the Session Card

src/components/Medium/SessionCard.tsx

@@ -40,7 +40,8 @@ export default function SessionCard({
 	};
 
 	return (
-		<div className="border-mti-gray-anti-flash flex w-64 flex-col gap-3 rounded-xl border p-4 text-black">
+		<div className="border-mti-gray-anti-flash flex w-64 flex-col justify-between gap-3 rounded-xl border p-4 text-black">
+			<div className="flex flex-col gap-3">
 				<span className="flex gap-1">
 					<b>ID:</b>
 					{session.sessionId}
@@ -49,6 +50,14 @@ export default function SessionCard({
 					<b>Date:</b>
 					{moment(session.date).format("DD/MM/YYYY - HH:mm")}
 				</span>
+				{session.assignment && (
+					<span className="flex flex-col gap-0">
+						<b>Assignment:</b>
+						{session.assignment.name}
+					</span>
+				)}
+			</div>
+			<div className="flex flex-col gap-3">
 				<div className="flex w-full items-center justify-between">
 					<div className="-md:mt-2 grid w-full grid-cols-4 place-items-center justify-center gap-2">
 						{session.selectedModules.sort(sortByModuleName).map((module) => (
@@ -97,5 +106,6 @@ export default function SessionCard({
 					</button>
 				</div>
 			</div>
+		</div>
 	);
 }