web/timeline: add hover text to member events

Signed-off-by: Sumner Evans <me@sumnerevans.com>
This commit is contained in:
Sumner Evans 2024-12-08 20:09:17 -07:00 committed by Sumner Evans
parent 769d60c459
commit 4165ec6a99
No known key found for this signature in database
GPG key ID: 8904527AB50022FD

View file

@ -61,9 +61,9 @@ function useChangeDescription(
return <>set their displayname to <span className="name">{content.displayname}</span></> return <>set their displayname to <span className="name">{content.displayname}</span></>
} }
return <> return <>
changed their displayname from <span className="name"> changed their displayname from <span className="name" title={prevContent.displayname}>
{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) { } else if (content.avatar_url !== prevContent.avatar_url) {
if (!content.avatar_url) { if (!content.avatar_url) {
@ -120,7 +120,7 @@ const MemberBody = ({ event, sender }: EventContentProps) => {
const content = event.content as MemberEventContent const content = event.content as MemberEventContent
const prevContent = event.unsigned.prev_content as MemberEventContent | undefined const prevContent = event.unsigned.prev_content as MemberEventContent | undefined
return <div className="member-body"> 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} {sender?.content.displayname ?? event.sender}
</span> <span className="change-description"> </span> <span className="change-description">
{useChangeDescription(event.sender, event.state_key as UserID, content, prevContent)} {useChangeDescription(event.sender, event.state_key as UserID, content, prevContent)}