Add duration string util

src/renderer/utils/format-duration-string.ts

@@ -0,0 +1,24 @@
+import formatDuration from 'format-duration';
+
+export const formatDurationString = (duration: number) => {
+  const rawDuration = formatDuration(duration).split(':');
+
+  let string;
+
+  switch (rawDuration.length) {
+    case 1:
+      string = `${rawDuration[0]} sec`;
+      break;
+    case 2:
+      string = `${rawDuration[0]} min ${rawDuration[1]} sec`;
+      break;
+    case 3:
+      string = `${rawDuration[0]} hr ${rawDuration[1]} min ${rawDuration[2]} sec`;
+      break;
+    case 4:
+      string = `${rawDuration[0]} day ${rawDuration[1]} hr ${rawDuration[2]} min ${rawDuration[3]} sec`;
+      break;
+  }
+
+  return string;
+};

src/renderer/utils/index.ts

@@ -5,3 +5,4 @@ export * from './constrain-sidebar-width';
 export * from './title-case';
 export * from './get-header-color';
 export * from './parse-search-params';
+export * from './format-duration-string';