From 2e124189d39f09375fb90b20e562a1575e88405d Mon Sep 17 00:00:00 2001
From: csirius <85753828+csirius@users.noreply.github.com>
Date: Thu, 19 Aug 2021 12:53:57 -0400
Subject: [PATCH] fix: duration is not always calculated for task executions
 (#185)

Signed-off-by: csirius <davidtruong.dev@gmail.com>
---
 .../TaskExecutionDetails.tsx                  | 54 +++++++++++--------
 1 file changed, 33 insertions(+), 21 deletions(-)

diff --git a/src/components/Executions/TaskExecutionsList/TaskExecutionDetails.tsx b/src/components/Executions/TaskExecutionsList/TaskExecutionDetails.tsx
index 9aef86f68..b17e2bdcc 100644
--- a/src/components/Executions/TaskExecutionsList/TaskExecutionDetails.tsx
+++ b/src/components/Executions/TaskExecutionsList/TaskExecutionDetails.tsx
@@ -10,30 +10,42 @@ import * as React from 'react';
 export const TaskExecutionDetails: React.FC<{
     taskExecution: TaskExecution;
 }> = ({ taskExecution }) => {
+    const labelWidthGridUnits = taskExecution.closure.startedAt ? 7 : 10;
+    const detailItems = React.useMemo(() => {
+        if (taskExecution.closure.startedAt) {
+            return [
+                {
+                    name: 'started',
+                    content: dateWithFromNow(
+                        timestampToDate(taskExecution.closure.startedAt)
+                    )
+                },
+                {
+                    name: 'run time',
+                    content: taskExecution.closure.duration
+                        ? protobufDurationToHMS(taskExecution.closure.duration)
+                        : unknownValueString
+                }
+            ];
+        } else {
+            return [
+                {
+                    name: 'last updated',
+                    content: taskExecution.closure.updatedAt
+                        ? dateWithFromNow(
+                              timestampToDate(taskExecution.closure.updatedAt)
+                          )
+                        : unknownValueString
+                }
+            ];
+        }
+    }, [taskExecution]);
+
     return (
         <section>
             <DetailsGroup
-                labelWidthGridUnits={7}
-                items={[
-                    {
-                        name: 'started',
-                        content: taskExecution.closure.startedAt
-                            ? dateWithFromNow(
-                                  timestampToDate(
-                                      taskExecution.closure.startedAt
-                                  )
-                              )
-                            : unknownValueString
-                    },
-                    {
-                        name: 'run time',
-                        content: taskExecution.closure.duration
-                            ? protobufDurationToHMS(
-                                  taskExecution.closure.duration
-                              )
-                            : unknownValueString
-                    }
-                ]}
+                labelWidthGridUnits={labelWidthGridUnits}
+                items={detailItems}
             />
         </section>
     );