From a8ab4942d00f115fd6987a8175b3dd7fa34e7f5a Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 14 May 2025 19:02:22 +0300
Subject: [PATCH] Round Video: Fix current time progress (#5899)

---
 src/components/middle/message/RoundVideo.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/middle/message/RoundVideo.tsx b/src/components/middle/message/RoundVideo.tsx
index 821076aef..17a65c91d 100644
--- a/src/components/middle/message/RoundVideo.tsx
+++ b/src/components/middle/message/RoundVideo.tsx
@@ -129,6 +129,7 @@ const RoundVideo: FC<OwnProps> = ({
   });
 
   const [isActivated, setIsActivated] = useState(false);
+  const [currentTime, setCurrentTime] = useState(0);
 
   const [getProgress, setProgress] = useSignal(0);
   const getThrottledProgress = useThrottledSignal(getProgress, PROGRESS_THROTTLE);
@@ -229,6 +230,7 @@ const RoundVideo: FC<OwnProps> = ({
   const handleTimeUpdate = useLastCallback((e: React.UIEvent<HTMLVideoElement>) => {
     const playerEl = e.currentTarget;
     setProgress(playerEl.currentTime / playerEl.duration);
+    setCurrentTime(Math.floor(playerEl.currentTime));
   });
 
   const handleTranscribe = useLastCallback(() => {
@@ -335,7 +337,7 @@ const RoundVideo: FC<OwnProps> = ({
             'message-media-duration', isMediaUnread && 'unread',
           )}
         >
-          {isActivated ? formatMediaDuration(playerRef.current!.currentTime) : formatMediaDuration(video.duration)}
+          {isActivated ? formatMediaDuration(currentTime) : formatMediaDuration(video.duration)}
           {(!isActivated || playerRef.current!.paused) && <Icon name="muted" />}
         </div>
       )}