From 22e520795f50efda176f21a5e967cb27d0cdd907 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 17 Jan 2025 00:50:16 +0000
Subject: [PATCH] thinner bar, format time

---
 src/screens/Feeds/VibeScreen.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/screens/Feeds/VibeScreen.tsx b/src/screens/Feeds/VibeScreen.tsx
index f5bc8f7b9a..6b79f169bb 100644
--- a/src/screens/Feeds/VibeScreen.tsx
+++ b/src/screens/Feeds/VibeScreen.tsx
@@ -53,6 +53,7 @@ import {useSetMinimalShellMode} from '#/state/shell'
 import {useSetLightStatusBar} from '#/state/shell/light-status-bar'
 import {List} from '#/view/com/util/List'
 import {PostCtrls} from '#/view/com/util/post-ctrls/PostCtrls'
+import {formatTime} from '#/view/com/util/post-embeds/VideoEmbedInner/web-controls/utils'
 import {PreviewableUserAvatar} from '#/view/com/util/UserAvatar'
 import {Header} from '#/screens/VideoFeed/Header'
 import {atoms as a, ThemeProvider, tokens, useTheme} from '#/alf'
@@ -775,7 +776,7 @@ function Scrubber({
       : currentTimeSV.get()
     const progress = currentTime === 0 ? 0 : currentTime / durationSV.get()
     return {
-      height: seekingAnimationSV.get() * 3 + 2,
+      height: seekingAnimationSV.get() * 3 + 1,
       width: `${progress * 100}%`,
     }
   })
@@ -795,7 +796,7 @@ function Scrubber({
         pointerEvents="none">
         <Text style={[a.text_center, a.font_bold]}>
           <Text style={[a.text_5xl, {fontVariant: ['tabular-nums']}]}>
-            {String(currentSeekTime).padStart(2, '0')}
+            {formatTime(currentSeekTime)}
           </Text>
           <Text style={[a.text_2xl, t.atoms.text_contrast_medium]}>
             {'  /  '}
@@ -806,7 +807,7 @@ function Scrubber({
               t.atoms.text_contrast_medium,
               {fontVariant: ['tabular-nums']},
             ]}>
-            {String(duration).padStart(2, '0')}
+            {formatTime(duration)}
           </Text>
         </Text>
       </Animated.View>