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 <>
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) {
@ -120,7 +120,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)}