From f8a481ff70b90fb5125f3e1303830fb77bf670c9 Mon Sep 17 00:00:00 2001
From: Jambaldorj Ochirpurev <dorj222@gmail.com>
Date: Tue, 27 Dec 2022 20:57:44 +0100
Subject: [PATCH] Fix/issue#2441 (#2443)

* fix the rendering issues related to More Info

* update

* update Chat Moderation Details component
---
 .../ChatModerationDetailsModal/ChatModerationDetailsModal.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx b/web/components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx
index 9a9d90055..e755590dc 100644
--- a/web/components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx
+++ b/web/components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx
@@ -25,6 +25,7 @@ export interface Client {
   userAgent: string;
   connectedAt: Date;
   geo: string;
+  id: number;
 }
 
 export interface Message {
@@ -156,7 +157,7 @@ export const ChatModerationDetailsModal: FC<ChatModerationDetailsModalProps> = (
         <Panel header="Currently Connected Clients" key="connected-clients">
           <Collapse accordion>
             {connectedClients.map(client => (
-              <Panel header={formatUAstring(client.userAgent)} key={client.userAgent}>
+              <Panel header={formatUAstring(client.userAgent)} key={client.id}>
                 <ConnectedClient client={client} />
               </Panel>
             ))}
@@ -169,6 +170,7 @@ export const ChatModerationDetailsModal: FC<ChatModerationDetailsModalProps> = (
               pagination={null}
               columns={chatMessageColumns}
               dataSource={messages}
+              rowKey="id"
             />
           </Panel>
         </Collapse>