From 84f0dd07ae38be6b56e711ba8b5173a496c9b3fa Mon Sep 17 00:00:00 2001
From: Aelly Alwardi <85210698+Aelly-A@users.noreply.github.com>
Date: Thu, 19 Sep 2024 23:15:49 -0400
Subject: [PATCH] Move title up a level to allow mouse hover to show timestamp
 (#3926)

* Move title up a level to allow mouse hover to show timestamp

* Fix bad commit to resolve 3848

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
---
 web/components/chat/ChatUserMessage/ChatUserMessage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/chat/ChatUserMessage/ChatUserMessage.tsx b/web/components/chat/ChatUserMessage/ChatUserMessage.tsx
index 26b0cfe25..bc1720410 100644
--- a/web/components/chat/ChatUserMessage/ChatUserMessage.tsx
+++ b/web/components/chat/ChatUserMessage/ChatUserMessage.tsx
@@ -96,7 +96,7 @@ export const ChatUserMessage: FC<ChatUserMessageProps> = ({
           [styles.ownMessage]: sentBySelf,
         })}
         style={{ borderColor: color }}
-      >
+        title={formattedTimestamp}>
         <div className={styles.background} style={{ color }} />
 
         <UserTooltip user={user}>
@@ -105,7 +105,7 @@ export const ChatUserMessage: FC<ChatUserMessageProps> = ({
             <span className={styles.userBadges}>{badgeNodes}</span>
           </div>
         </UserTooltip>
-        <Tooltip title={formattedTimestamp} mouseEnterDelay={1}>
+        <Tooltip mouseEnterDelay={1}>
           <Interweave
             className={styles.message}
             content={body}