From 0b977df8dd55d08d09249361811ef52da8b40514 Mon Sep 17 00:00:00 2001
From: JorisL <JorisL@users.noreply.github.com>
Date: Thu, 5 Nov 2020 20:02:09 +0100
Subject: [PATCH] Fixed duration formatter to properly count lengths longer
 than 24 hours (#612)

* Fixed durationfield formatter to properly count lengths longer than
24 hours.

* formatted DurationField.js with npm prettier
---
 ui/src/common/DurationField.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/ui/src/common/DurationField.js b/ui/src/common/DurationField.js
index fb613c717ef..66c8986a29a 100644
--- a/ui/src/common/DurationField.js
+++ b/ui/src/common/DurationField.js
@@ -11,10 +11,13 @@ const DurationField = ({ record = {}, source }) => {
 }
 
 const format = (d) => {
-  const date = new Date(null)
-  date.setSeconds(d)
-  const fmt = date.toISOString().substr(11, 8)
-  return fmt.replace(/^00:/, '')
+  const hours = Math.floor(d / 3600)
+  const minutes = Math.floor(d / 60) % 60
+  const seconds = d % 60
+  return [hours, minutes, seconds]
+    .map((v) => (v < 10 ? '0' + v : v))
+    .filter((v, i) => v !== '00' || i > 0)
+    .join(':')
 }
 
 DurationField.propTypes = {