Fix UI for chips display

tryyang2001 · Apr 18, 2024 · a1a6374 · a1a6374
1 parent 6f74134
commit a1a6374
Showing 1 changed file with 16 additions and 7 deletions.
diff --git a/frontend/src/components/assignment/AssignmentList.tsx b/frontend/src/components/assignment/AssignmentList.tsx
@@ -54,13 +54,22 @@ function AssignmentList({ assignments, userRole }: Props) {
               className="bg-white shadow-md"
             >
               <CardHeader className="pb-0">
-                {assignment.isPublished ? (
-                  <Chip color="success" className="text-white font-bold">
-                    Published
-                  </Chip>
-                ) : (
-                  <Chip>Unpublished</Chip>
-                )}
+                {userRole === "tutor" &&
+                  (assignment.isPublished ? (
+                    <Chip color="success" className="text-white font-bold mr-1">
+                      Published
+                    </Chip>
+                  ) : (
+                    <Chip className="mr-1">Unpublished</Chip>
+                  ))}
+                {assignment.isPublished &&
+                  (assignment.deadline < new Date().getTime() ? (
+                    <Chip>Expired</Chip>
+                  ) : (
+                    <Chip color="success" className="text-white font-bold">
+                      Ongoing
+                    </Chip>
+                  ))}
               </CardHeader>
               <CardBody className="pt-1">
                 <div className="flex justify-between items-start">