From 20a4a8627b5353139b5f1c1e3ef2e7ecf4eeb5fd Mon Sep 17 00:00:00 2001
From: khizarshah01 <khizar.shah010@gmail.com>
Date: Tue, 27 Jan 2026 20:46:24 +0530
Subject: [PATCH] feat: sync room info in real time from system messages

---
 .../react/src/hooks/useRoomInfoUpdater.js     | 55 +++++++++++++++++++
 .../react/src/views/ChatHeader/ChatHeader.js  |  2 +
 2 files changed, 57 insertions(+)
 create mode 100644 packages/react/src/hooks/useRoomInfoUpdater.js

diff --git a/packages/react/src/hooks/useRoomInfoUpdater.js b/packages/react/src/hooks/useRoomInfoUpdater.js
new file mode 100644
index 000000000..ff0278e97
--- /dev/null
+++ b/packages/react/src/hooks/useRoomInfoUpdater.js
@@ -0,0 +1,55 @@
+import { useEffect } from 'react';
+import { useRCContext } from '../context/RCInstance';
+import { useChannelStore } from '../store';
+
+const useRoomInfoUpdater = () => {
+  const { RCInstance } = useRCContext();
+  const setChannelInfo = useChannelStore((state) => state.setChannelInfo);
+  const setIsChannelPrivate = useChannelStore(
+    (state) => state.setIsChannelPrivate
+  );
+  const setIsRoomTeam = useChannelStore((state) => state.setIsRoomTeam);
+  const setIsChannelReadOnly = useChannelStore(
+    (state) => state.setIsChannelReadOnly
+  );
+
+  useEffect(() => {
+    const handleMessage = async (message) => {
+      const roomUpdateTypes = [
+        'r',
+        'room_changed_description',
+        'room_changed_announcement',
+        'room_changed_topic',
+        'room_changed_privacy',
+        'room_changed_avatar',
+      ];
+
+      if (!roomUpdateTypes.includes(message.t)) {
+        return;
+      }
+
+      try {
+        const res = await RCInstance.channelInfo();
+        if (res?.success) {
+          setChannelInfo(res.room);
+          setIsChannelPrivate(res.room.t === 'p');
+          setIsRoomTeam(Boolean(res.room?.teamMain));
+          setIsChannelReadOnly(Boolean(res.room.ro));
+        }
+      } catch (error) {
+        console.error('Failed to update room info:', error);
+      }
+    };
+
+    RCInstance.addMessageListener(handleMessage);
+    return () => RCInstance.removeMessageListener(handleMessage);
+  }, [
+    RCInstance,
+    setChannelInfo,
+    setIsChannelPrivate,
+    setIsRoomTeam,
+    setIsChannelReadOnly,
+  ]);
+};
+
+export default useRoomInfoUpdater;
diff --git a/packages/react/src/views/ChatHeader/ChatHeader.js b/packages/react/src/views/ChatHeader/ChatHeader.js
index 0986104ae..7aff85443 100644
--- a/packages/react/src/views/ChatHeader/ChatHeader.js
+++ b/packages/react/src/views/ChatHeader/ChatHeader.js
@@ -31,6 +31,7 @@ import useSettingsStore from '../../store/settingsStore';
 import getChatHeaderStyles from './ChatHeader.styles';
 import useSetExclusiveState from '../../hooks/useSetExclusiveState';
 import SurfaceMenu from '../SurfaceMenu/SurfaceMenu';
+import useRoomInfoUpdater from '../../hooks/useRoomInfoUpdater';
 
 const ChatHeader = ({
   isClosable,
@@ -56,6 +57,7 @@ const ChatHeader = ({
 }) => {
   const { classNames, styleOverrides, configOverrides } =
     useComponentOverrides('ChatHeader');
+  useRoomInfoUpdater();
 
   const surfaceItems =
     configOverrides.optionConfig?.surfaceItems || optionConfig.surfaceItems;