From 1be1de71469db1e4dfddd65fe4fc7c959ee445b3 Mon Sep 17 00:00:00 2001
From: Sumner Evans <sumner.evans@automattic.com>
Date: Sun, 8 Dec 2024 20:09:17 -0700
Subject: [PATCH] web/timeline: add hover text to member events

Signed-off-by: Sumner Evans <me@sumnerevans.com>
---
 web/src/ui/timeline/content/MemberBody.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/ui/timeline/content/MemberBody.tsx b/web/src/ui/timeline/content/MemberBody.tsx
index c1539704..1b187e62 100644
--- a/web/src/ui/timeline/content/MemberBody.tsx
+++ b/web/src/ui/timeline/content/MemberBody.tsx
@@ -61,9 +61,9 @@ function useChangeDescription(
 				return <>set their displayname to <span className="name">{content.displayname}</span></>
 			}
 			return <>
-				changed their displayname from <span className="name">
+				changed their displayname from <span className="name" title={prevContent.displayname}>
 					{prevContent.displayname}
-				</span> to <span className="name">{content.displayname}</span>
+				</span> to <span className="name" title={content.displayname}>{content.displayname}</span>
 			</>
 		} else if (content.avatar_url !== prevContent.avatar_url) {
 			if (!content.avatar_url) {
@@ -113,7 +113,7 @@ const MemberBody = ({ event, sender }: EventContentProps) => {
 	const content = event.content as MemberEventContent
 	const prevContent = event.unsigned.prev_content as MemberEventContent | undefined
 	return <div className="member-body">
-		<span className="name sender-name">
+		<span className="name sender-name" title={sender?.content.displayname ?? event.sender}>
 			{sender?.content.displayname ?? event.sender}
 		</span> <span className="change-description">
 			{useChangeDescription(event.sender, event.state_key as UserID, content, prevContent)}