Merge pull request #101 from code4rena-dev/mango/fix-timeline

Show "ends in" countdown on audit tile for audits in live judging phase

Author: captainmangoC4

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@code4rena/components-library",
-  "version": "4.5.13",
+  "version": "4.5.14",
   "description": "Code4rena's official components library ",
   "types": "./dist/lib.d.ts",
   "exports": {

package.json

@@ -10,6 +10,7 @@ const getAuditStatusLabel = (status: AuditStatus | null) => {
     case AuditStatus.PreAudit:
       return "Starts";
     case AuditStatus.Active:
+    case AuditStatus.LiveJudging:
       return "Ends";
     case AuditStatus.Awarding:
       return "Awarding";
@@ -110,7 +111,7 @@ export const AuditStatusSection = ({
   // Get comparison time for relative time calculation
   const [comparisonTime, setComparisonTime] = useState<Date | null>(null);
   useEffect(() => {
-    if (auditStatus === AuditStatus.Active) {
+    if (auditStatus === AuditStatus.Active || auditStatus === AuditStatus.LiveJudging) {
       setComparisonTime(new Date(endTime));
     } else if (auditStatus === AuditStatus.PreAudit) {
       setComparisonTime(new Date(startTime));

src/lib/ContestStatus/AuditStatusSection.tsx

@@ -147,7 +147,10 @@ export const ContestCountdown = ({
           Next submission phase starts soon
         </div>
       );
-    } else if (schedule.status === AuditStatus.Active && schedule.pause && +schedule.pause >= Date.now()) {
+    } else if (
+      (schedule.status === AuditStatus.Active || schedule.status === AuditStatus.LiveJudging)
+      && schedule.pause && +schedule.pause >= Date.now()
+    ) {
       text = "Current submission phase ends in ";
       end = schedule.pause.toISOString();
     }