Display build time for environments

src/utils/helpers/buildMapper.ts

@@ -20,8 +20,11 @@ const isQueued = (status: string) => {
   return BUILD_STATUS.includes(status);
 };
 
-const isCompleted = (status: string) => {
+const isCompleted = (status: string, duration: number) => {
   if (status === "COMPLETED") {
+    if (duration > 0) {
+      return `Completed in ${duration} min`;
+    }
     return "Completed";
   }
   return STATUS_OPTIONS[status];
@@ -39,11 +42,18 @@ const dateToTimezone = (date: string) => {
 
 export const buildMapper = (data: Build[], currentBuildId: number) => {
   return data.map(({ id, status, ended_on, scheduled_on }: Build) => {
+    let duration = 0;
+    if (ended_on && scheduled_on) {
+      const startTime = new Date(scheduled_on);
+      const endTime = new Date(ended_on);
+      duration = (endTime.valueOf() - startTime.valueOf()) / 60000;
+      duration = Math.round(duration);
+    }
     if (id === currentBuildId) {
       return {
         id,
         name: `${dateToTimezone(ended_on ?? scheduled_on)} - Active`,
-        status: isCompleted(status)
+        status: isCompleted(status, duration)
       };
     }
 
@@ -68,7 +78,7 @@ export const buildMapper = (data: Build[], currentBuildId: number) => {
       name: `${dateToTimezone(ended_on ?? scheduled_on)} - ${
         STATUS_OPTIONS[status]
       }`,
-      status: isCompleted(status)
+      status: isCompleted(status, duration)
     };
   });
 };