fix: sync voice status of thread parent message component

Author: bang9

packages/uikit-react-native/src/components/ThreadParentMessageRenderer/ThreadParentMessage.file.voice.tsx

@@ -16,6 +16,7 @@ export type VoiceFileMessageState = {
 type Props = ThreadParentMessageRendererProps<{
   durationMetaArrayKey?: string;
   onUnmount: () => void;
+  initialCurrentTime?: number;
 }>;
 
 const ThreadParentMessageFileVoice = (props: Props) => {
@@ -25,6 +26,7 @@ const ThreadParentMessageFileVoice = (props: Props) => {
     parentMessage,
     durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',
     onUnmount,
+    initialCurrentTime,
   } = props;
 
   const fileMessage: SendbirdFileMessage = parentMessage as SendbirdFileMessage;
@@ -38,7 +40,7 @@ const ThreadParentMessageFileVoice = (props: Props) => {
     const initialDuration = value ? parseInt(value, 10) : 0;
     return {
       status: 'paused',
-      currentTime: 0,
+      currentTime: initialCurrentTime || 0,
       duration: initialDuration,
     };
   });

packages/uikit-react-native/src/components/ThreadParentMessageRenderer/index.tsx

@@ -34,7 +34,7 @@ export type ThreadParentMessageRendererProps<AdditionalProps = unknown> = {
 const ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) => {
   const handlers = useSBUHandlers();
   const playerUnsubscribes = useRef<(() => void)[]>([]);
-  const { sbOptions, currentUser, mentionManager } = useSendbirdChat();
+  const { sbOptions, currentUser, mentionManager, voiceMessageStatusManager } = useSendbirdChat();
   const { palette } = useUIKitTheme();
   const { mediaService, playerService } = usePlatformService();
   const parentMessage = props.parentMessage;
@@ -68,6 +68,11 @@ const ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) =>
           let seekFinished = !shouldSeekToTime;
 
           const forPlayback = playerService.addPlaybackListener(({ stopped, currentTime, duration }) => {
+            voiceMessageStatusManager.setCurrentTime(
+              parentMessage.channelUrl,
+              parentMessage.messageId,
+              stopped ? 0 : currentTime,
+            );
             if (seekFinished) {
               setState((prevState) => ({ ...prevState, currentTime: stopped ? 0 : currentTime, duration }));
             }
@@ -177,6 +182,10 @@ const ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) =>
       return (
         <ThreadParentMessageFileVoice
           durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}
+          initialCurrentTime={voiceMessageStatusManager.getCurrentTime(
+            parentMessage.channelUrl,
+            parentMessage.messageId,
+          )}
           onUnmount={() => {
             if (isVoiceMessage(parentMessage) && playerService.uri === parentMessage.url) {
               resetPlayer().catch((_) => {});