Merge pull request #267 from sendbird/fix/real-time-read-receipts

[CLNP-7628] fix: read receipts not updating in real-time

Author: OnestarLee

packages/uikit-chat-hooks/src/__tests__/common/useMessageOutgoingStatus.test.ts

@@ -183,12 +183,20 @@ describe('useMessageOutgoingStatus', () => {
     });
 
     act(() => {
-      sdk.__emit('channel', 'group_onUnreadMemberStatusUpdated', channel);
+      sdk.__emit('channel', 'group_onUserMarkedRead', channel);
     });
 
     await waitFor(() => {
       expect(forceUpdate).toHaveBeenCalledTimes(2);
     });
+
+    act(() => {
+      sdk.__emit('channel', 'group_onUserMarkedUnread', channel);
+    });
+
+    await waitFor(() => {
+      expect(forceUpdate).toHaveBeenCalledTimes(3);
+    });
   });
 
   it('should not trigger forceUpdate if event not emitted', async () => {
@@ -220,7 +228,8 @@ describe('useMessageOutgoingStatus', () => {
 
     act(() => {
       sdk.__emit('channel', 'group_onUndeliveredMemberStatusUpdated', channel);
-      sdk.__emit('channel', 'group_onUnreadMemberStatusUpdated', channel);
+      sdk.__emit('channel', 'group_onUserMarkedRead', channel);
+      sdk.__emit('channel', 'group_onUserMarkedUnread', channel);
     });
 
     await waitFor(() => {

packages/uikit-chat-hooks/src/common/useMessageOutgoingStatus.ts

@@ -23,7 +23,13 @@ export const useMessageOutgoingStatus = (
 
       forceUpdate();
     },
-    onUnreadMemberStatusUpdated(eventChannel) {
+    onUserMarkedRead(eventChannel) {
+      if (isDifferentChannel(channel, eventChannel)) return;
+      if (!isMyMessage(message, currentUser?.userId)) return;
+
+      forceUpdate();
+    },
+    onUserMarkedUnread(eventChannel) {
       if (isDifferentChannel(channel, eventChannel)) return;
       if (!isMyMessage(message, currentUser?.userId)) return;
 

packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelMessageList.tsx

@@ -256,9 +256,6 @@ const GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {
         lazyScrollToBottom({ animated: true, timeout: 250 });
       }
     },
-    onChannelChanged(channel) {
-      if (isDifferentChannel(channel, props.channel)) return;
-    },
   });
 
   useEffect(() => {