Add user status emoji to member list (#34210)

* Add user status emoji to member list

* snapshots
This commit is contained in:
David Baker
2026-07-10 15:16:23 +00:00
committed by GitHub
parent f09b27db7c
commit 4518ce5c2a
5 changed files with 32 additions and 15 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

@@ -120,19 +120,23 @@ export function DisambiguatedProfileView({ vm, className }: Readonly<Disambiguat
<span className={displayNameClasses} dir="auto">
{displayName}
</span>
{userStatus && (
<Tooltip description={userStatus.text}>
<Text
as="span"
size="md"
className={classNames("mx_DisambiguatedProfile_userStatus", styles.userStatus)}
>
{userStatusEmoji}
</Text>
</Tooltip>
)}
{/* mx_DisambiguatedProfile_mxid is required for PCSS selectors like .mx_MemberTileView .mx_DisambiguatedProfile_mxid */}
{displayIdentifier && (
<span className={classNames("mx_DisambiguatedProfile_mxid", styles.disambiguatedProfile_mxid)}>
{displayIdentifier}
</span>
)}
{userStatus && (
<Tooltip description={userStatus.text}>
<Text as="span" size="md" className={styles.userStatus}>
{userStatusEmoji}
</Text>
</Tooltip>
)}
</div>
);
}
@@ -31,16 +31,16 @@ exports[`DisambiguatedProfileView > renders the full example 1`] = `
>
Eve
</span>
<span
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 mx_DisambiguatedProfile_userStatus DisambiguatedProfile-module_userStatus"
>
🏝️
</span>
<span
class="mx_DisambiguatedProfile_mxid DisambiguatedProfile-module_disambiguatedProfile_mxid"
>
@eve:matrix.org
</span>
<span
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 DisambiguatedProfile-module_userStatus"
>
🏝️
</span>
</div>
</div>
`;