From ba174517b0d56e3dfded4b49d500459fdf37b580 Mon Sep 17 00:00:00 2001
From: Deepak Bhagat <deepak988088@gmail.com>
Date: Mon, 26 Jan 2026 19:13:30 +0530
Subject: [PATCH] fix: incorrect 'Room Archived' status in Room Information
 panel

---
 .../react/src/views/ChatHeader/ChatHeader.js  |  6 +++++
 .../views/RoomInformation/RoomInformation.js  | 27 ++++++++++---------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/packages/react/src/views/ChatHeader/ChatHeader.js b/packages/react/src/views/ChatHeader/ChatHeader.js
index 0986104ae5..570b26c7e5 100644
--- a/packages/react/src/views/ChatHeader/ChatHeader.js
+++ b/packages/react/src/views/ChatHeader/ChatHeader.js
@@ -183,6 +183,11 @@ const ChatHeader = ({
           setIsChannelReadOnly(true);
           setMessageAllowed();
         }
+        if (res.room.archived) {
+          setIsChannelArchived(true);
+        } else {
+          setIsChannelArchived(false);
+        }
       } else if (
         'errorType' in res &&
         res.errorType === 'error-room-not-found'
@@ -226,6 +231,7 @@ const ChatHeader = ({
     setMessageLimit,
     workspaceLevelRoles,
     setIsChannelReadOnly,
+    setIsChannelArchived,
   ]);
 
   const options = useMemo(
diff --git a/packages/react/src/views/RoomInformation/RoomInformation.js b/packages/react/src/views/RoomInformation/RoomInformation.js
index 3008d46c1f..ed5a4f49d5 100644
--- a/packages/react/src/views/RoomInformation/RoomInformation.js
+++ b/packages/react/src/views/RoomInformation/RoomInformation.js
@@ -19,6 +19,7 @@ const Roominfo = () => {
   const channelInfo = useChannelStore((state) => state.channelInfo);
   const isChannelPrivate = useChannelStore((state) => state.isChannelPrivate);
   const isRoomTeam = useChannelStore((state) => state.isRoomTeam);
+  const isChannelArchived = useChannelStore((state) => state.isChannelArchived);
   const { variantOverrides } = useComponentOverrides('RoomMember');
   const viewType = variantOverrides.viewType || 'Sidebar';
   const setExclusiveState = useSetExclusiveState();
@@ -63,18 +64,20 @@ const Roominfo = () => {
           />
         </Box>
         <Box css={styles.infoContainer}>
-          <Box css={styles.archivedRoomInfo}>
-            <Icon
-              name="report"
-              size="1.25rem"
-              fill={
-                mode === 'light'
-                  ? theme.colors.warning
-                  : theme.colors.warningForeground
-              }
-            />
-            <Box css={styles.archivedText}>Room Archived</Box>
-          </Box>
+          {isChannelArchived && (
+            <Box css={styles.archivedRoomInfo}>
+              <Icon
+                name="report"
+                size="1.25rem"
+                fill={
+                  mode === 'light'
+                    ? theme.colors.warning
+                    : theme.colors.warningForeground
+                }
+              />
+              <Box css={styles.archivedText}>Room Archived</Box>
+            </Box>
+          )}
           <Box css={styles.infoHeader}>
             <Icon
               name={