From 7e8f6254f9b3913b5422bb1058b1392b42bf9274 Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Mon, 12 Aug 2024 16:15:16 +0200
Subject: [PATCH] :up: Added timestamp in Private Chat

---
 .../messenger-thread/FriendsMessengerThreadGroup.tsx   | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx b/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
index 62bc04b..441100d 100644
--- a/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
+++ b/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
@@ -58,10 +58,16 @@ export const FriendsMessengerThreadGroup: FC<{ thread: MessengerThread, group: M
             </Base>
             <Base className={ 'bg-light text-black border-radius mb-2 rounded py-1 px-2 messages-group-' + (isOwnChat ? 'right' : 'left') }>
                 <Base className="fw-bold">
+				<Base className="small text-muted">{ group.chats[0].date.toLocaleTimeString() }</Base>
                     { isOwnChat && GetSessionDataManager().userName }
                     { !isOwnChat && (groupChatData ? groupChatData.username : thread.participant.name) }
+                    
                 </Base>
-                { group.chats.map((chat, index) => <Base key={ index } className="text-break">{ chat.message }</Base>) }
+                { group.chats.map((chat, index) => (
+                    <Base key={ index } className="text-break">
+                        { chat.message }
+                    </Base>
+                )) }
             </Base>
             { isOwnChat &&
                 <Base shrink className="message-avatar">
@@ -69,4 +75,4 @@ export const FriendsMessengerThreadGroup: FC<{ thread: MessengerThread, group: M
                 </Base> }
         </Flex>
     );
-}
\ No newline at end of file
+}