From 13ce64af5c732a4fface88a09c84ab60829aea03 Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Tue, 20 Feb 2024 00:07:29 +0800
Subject: [PATCH] fix: wrong total play text

fix #144
---
 pages/profile/[id].vue |  9 +--------
 utils/date-locale.ts   | 11 ++++++++++-
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/pages/profile/[id].vue b/pages/profile/[id].vue
index bcc1726c0..9a8db186a 100644
--- a/pages/profile/[id].vue
+++ b/pages/profile/[id].vue
@@ -222,13 +222,6 @@ function commaSeparated(n: number) {
   return '0'
 }
 
-function getTotalPlayTimeText(time: number) {
-  const hours = Math.floor(time / 36000)
-  const minutes = Math.floor((time % 36000) / 600)
-  const seconds = Math.floor((time % 600) / 10)
-  return `${hours}H ${minutes}M ${seconds}S`
-}
-
 defineCytoidPage({
   title: profileData.value?.profile?.user?.name ?? profileId,
   background: profileData.value?.profile?.header?.original ?? undefined,
@@ -370,7 +363,7 @@ defineCytoidPage({
           <StatItem :title="$t('profile.highest_max_combo')" :data="commaSeparated(profileData.profile.activity.maxCombo)" />
           <StatItem :title="$t('profile.avg_ranked_accuracy')" :data="`${truncateNum(profileData.profile.activity.averageRankedAccuracy * 100)}%`" />
           <StatItem :title="$t('profile.total_ranked_score')" :data="commaSeparated(profileData.profile.activity.totalRankedScore)" />
-          <StatItem :title="$t('profile.total_play_time')" :data="getTotalPlayTimeText(profileData.profile.activity.totalPlayTime)" />
+          <StatItem :title="$t('profile.total_play_time')" :data="timeFormatDuration(profileData.profile.activity.totalPlayTime)" />
         </div>
 
         <div class="overflow-auto w-auto">
diff --git a/utils/date-locale.ts b/utils/date-locale.ts
index bf6f0d283..6f4b1a664 100644
--- a/utils/date-locale.ts
+++ b/utils/date-locale.ts
@@ -1,4 +1,4 @@
-import { formatDistanceToNow, formatRelative, parseISO } from 'date-fns'
+import { formatDistanceToNow, formatDuration, formatRelative, parseISO } from 'date-fns'
 
 import { cs, de, enUS, es, fr, hu, id, ja, ko, ms, ptBR, ru, th, vi, zhCN, zhTW } from 'date-fns/locale'
 
@@ -45,3 +45,12 @@ export function dateFormatCalendar(dateStr: string, from = new Date()) {
     },
   )
 }
+
+export function timeFormatDuration(seconds: number) {
+  const locale = useLocales().locale.value
+  return formatDuration({
+    hours: Math.floor(seconds / 3600),
+    minutes: Math.floor((seconds % 3600) / 60),
+    seconds: Math.floor(seconds % 60),
+  }, { locale: dateLocales[locale], zero: false })
+}