Add user status emoji to member list (#34210)
* Add user status emoji to member list * snapshots
This commit is contained in:
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
+11
-7
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
+5
-5
@@ -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>
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user