1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-10 09:22:25 +03:00

Tweak ReadReceiptGroup to better handle disambiguation (#8402)

This commit is contained in:
Michael Telatynski
2022-04-25 12:04:55 +01:00
committed by GitHub
parent e0076c9f12
commit b2bebda670

View File

@@ -188,7 +188,7 @@ function ReadReceiptPerson({ userId, roomMember, ts, isTwelveHour, onAfterClick
label: ( label: (
<> <>
<div className="mx_Tooltip_title"> <div className="mx_Tooltip_title">
{ roomMember.name ?? userId } { roomMember.rawDisplayName ?? userId }
</div> </div>
<div className="mx_Tooltip_sub"> <div className="mx_Tooltip_sub">
{ userId } { userId }
@@ -212,7 +212,8 @@ function ReadReceiptPerson({ userId, roomMember, ts, isTwelveHour, onAfterClick
onMouseLeave={hideTooltip} onMouseLeave={hideTooltip}
onFocus={showTooltip} onFocus={showTooltip}
onBlur={hideTooltip} onBlur={hideTooltip}
onWheel={hideTooltip}> onWheel={hideTooltip}
>
<MemberAvatar <MemberAvatar
member={roomMember} member={roomMember}
fallbackUserId={userId} fallbackUserId={userId}
@@ -220,7 +221,9 @@ function ReadReceiptPerson({ userId, roomMember, ts, isTwelveHour, onAfterClick
height={24} height={24}
aria-hidden="true" aria-hidden="true"
aria-live="off" aria-live="off"
resizeMethod="crop" /> resizeMethod="crop"
hideTitle
/>
<div className="mx_ReadReceiptGroup_name"> <div className="mx_ReadReceiptGroup_name">
<p>{ roomMember.name }</p> <p>{ roomMember.name }</p>
<p className="mx_ReadReceiptGroup_secondary"> <p className="mx_ReadReceiptGroup_secondary">