From ebf2ea50ed62ceeafc0ca51a560effa701327567 Mon Sep 17 00:00:00 2001
From: CrissZollo <depth-broaden-oboe@duck.com>
Date: Sun, 28 Sep 2025 22:38:13 +0200
Subject: [PATCH] Feature: Changed the time to display in H:MIN instead of only
 MIN. Runtimes less than 60 still shows only MIN

---
 src/components/metadata/MetadataDetails.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/metadata/MetadataDetails.tsx b/src/components/metadata/MetadataDetails.tsx
index a314875d..2ad89c19 100644
--- a/src/components/metadata/MetadataDetails.tsx
+++ b/src/components/metadata/MetadataDetails.tsx
@@ -117,7 +117,15 @@ const MetadataDetails: React.FC<MetadataDetailsProps> = ({
           <Text style={[styles.metaText, { color: currentTheme.colors.text }]}>{metadata.year}</Text>
         )}
         {metadata.runtime && (
-          <Text style={[styles.metaText, { color: currentTheme.colors.text }]}>{metadata.runtime}</Text>
+          <Text style={[styles.metaText, { color: currentTheme.colors.text }]}>
+            {(() => {
+              const r = parseInt(metadata.runtime, 10);
+              if (isNaN(r) || r < 60) return metadata.runtime;
+              const h = Math.floor(r / 60);
+              const m = r % 60;
+              return `${h}H ${m < 10 ? '0' : ''}${m}MIN`;
+            })()}
+          </Text>
         )}
         {metadata.certification && (
           <Text style={[styles.metaText, { color: currentTheme.colors.text }]}>{metadata.certification}</Text>