chore(backport release-1.3): fix(ui): invalid verification duration (#3605)

Co-authored-by: Mayursinh Sarvaiya <[email protected]>

Author: akuitybot

Diff for: ui/src/features/stage/utils/verification-phase.ts

@@ -0,0 +1,23 @@
+// read more in stage_types.go
+enum VerificationPhase {
+  Pending = 'Pending',
+  Running = 'Running',
+  Successful = 'Successful',
+  Failed = 'Failed',
+  Error = 'Error',
+  Aborted = 'Aborted',
+  Inconclusive = 'Inconclusive'
+}
+
+export const verificationPhaseIsTerminal = (phase: string) => {
+  switch (phase) {
+    case VerificationPhase.Successful:
+    case VerificationPhase.Failed:
+    case VerificationPhase.Error:
+    case VerificationPhase.Aborted:
+    case VerificationPhase.Inconclusive:
+      return true;
+    default:
+      return false;
+  }
+};

Diff for: ui/src/features/stage/verifications.tsx

@@ -10,6 +10,7 @@ import { timestampDate } from '@ui/utils/connectrpc-utils';
 import { AnalysisModal } from '../common/analysis-modal/analysis-modal';
 import { useModal } from '../common/modal/use-modal';
 
+import { verificationPhaseIsTerminal } from './utils/verification-phase';
 import { VerificationIcon } from './verification-icon';
 
 type Props = {
@@ -83,13 +84,21 @@ export const Verifications = ({ verifications, images }: Props) => {
         <Table.Column<(typeof verifications)[number]>
           title='Duration'
           render={(_, verification) => {
+            if (!verificationPhaseIsTerminal(verification.phase || '')) {
+              return null;
+            }
+
             try {
-              const startTime = timestampDate(verification.startTime);
-              const finishTime = timestampDate(verification.finishTime);
+              const startTime = moment(timestampDate(verification.startTime));
+              const finishTime = moment(timestampDate(verification.finishTime));
+
+              if (!startTime.isValid() || !finishTime.isValid()) {
+                return null;
+              }
 
-              const timeTook = moment.duration(moment(finishTime).diff(moment(startTime)));
+              const timeTook = moment.duration(finishTime.diff(startTime));
 
-              return timeTook.humanize();
+              return timeTook.humanize({ ss: 1 });
             } catch {
               return null;
             }