devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added the assignment to the Session Card

Browse Source
This commit is contained in:
Tiago Ribeiro
2024-09-05 17:25:22 +01:00
parent ac980023b5
commit e312af36bb
1 changed files with 64 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Medium/SessionCard.tsx
View File

@@ -40,7 +40,8 @@ export default function SessionCard({
}; };
return ( 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"> <span className="flex gap-1">
<b>ID:</b> <b>ID:</b>
{session.sessionId} {session.sessionId}
@@ -49,6 +50,14 @@ export default function SessionCard({
<b>Date:</b> <b>Date:</b>
{moment(session.date).format("DD/MM/YYYY - HH:mm")} {moment(session.date).format("DD/MM/YYYY - HH:mm")}
</span> </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="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"> <div className="-md:mt-2 grid w-full grid-cols-4 place-items-center justify-center gap-2">
{session.selectedModules.sort(sortByModuleName).map((module) => ( {session.selectedModules.sort(sortByModuleName).map((module) => (
@@ -97,5 +106,6 @@ export default function SessionCard({
</button> </button>
</div> </div>
</div> </div>
</div>
); );
} }