fix(app): paint avatars from a real image with a fading placeholder (#1856)

This commit is contained in:
Hampus authored and GitHub committed 2026-08-24 12:32:14 +02:00
1 parent b49cf349a8
commit 4c14ba0a5e
13 files changed
+384 -358

No files matched your search

@@ -75,8 +75,7 @@ export const MemberListItem: React.FC<MemberListItemProps> = observer((props) =>
roleColor,
displayName,
disableBackdrop = false,
deferAvatarLoad = false,
deferCustomStatusMedia = false,
deferCustomStatusMedia = false,
avatarMediaSize,
} = props;
const itemRef = useRef<HTMLButtonElement>(null);
@@ -214,8 +213,7 @@ export const MemberListItem: React.FC<MemberListItemProps> = observer((props) =>
avatarUrl={memberAvatarUrl}
hoverAvatarUrl={memberHoverAvatarUrl}
mediaSize={avatarMediaSize}
deferImageLoad={deferAvatarLoad}
data-flx="channel.member-list-item.status-aware-avatar"
data-flx="channel.member-list-item.status-aware-avatar"
/>
</div>
<div className={styles.userInfoContainer} data-flx="channel.member-list-item.user-info-container">
@@ -181,8 +181,7 @@ export const MobileMemberListItem = observer(
avatarUrl={avatarUrl}
hoverAvatarUrl={hoverAvatarUrl}
mediaSize={MEMBER_LIST_AVATAR_MEDIA_SIZE}
deferImageLoad={deferAvatarLoad}
data-flx="channel.channel-details-bottom-sheet-member-list.mobile-member-list-item.status-aware-avatar"
data-flx="channel.channel-details-bottom-sheet-member-list.mobile-member-list-item.status-aware-avatar"
/>
<div
className={styles.memberContent}