From dbd8ef4def263ef57bd5044cf163ca6c49e8425e Mon Sep 17 00:00:00 2001
From: mbaharip <62494292+mbahArip@users.noreply.github.com>
Date: Mon, 8 May 2023 10:24:55 +0700
Subject: [PATCH] Fix duration on file details

---
 src/pages/file/[id].tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/file/[id].tsx b/src/pages/file/[id].tsx
index 60fe6fa..0b0cb57 100644
--- a/src/pages/file/[id].tsx
+++ b/src/pages/file/[id].tsx
@@ -8,7 +8,12 @@ import DefaultLayout from "components/layout/DefaultLayout";
 import { NextSeo } from "next-seo";
 import SWRLayout from "components/layout/SWRLayout";
 import { getFilePreview, getFileType } from "utils/mimeTypesHelper";
-import { capitalize, formatBytes, formatDate } from "utils/formatHelper";
+import {
+  capitalize,
+  formatBytes,
+  formatDate,
+  formatDuration,
+} from "utils/formatHelper";
 import Link from "next/link";
 import useCopyText from "hooks/useCopyText";
 
@@ -101,7 +106,9 @@ export default function File({ id, fileName }: Props) {
       if (data.file.videoMediaMetadata) {
         defaultMetadata.push({
           label: "Duration",
-          value: `${data.file.videoMediaMetadata.durationMillis} ms`,
+          value: formatDuration(
+            data.file.videoMediaMetadata.durationMillis as string,
+          ),
         });
       }
       setMetadata(defaultMetadata);