xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #663 from robintown/matryoshka-avatar

Browse source 
Fix avatars of remote participants in matryoshka mode
This commit is contained in:
Robin 2022-10-24 13:49:32 -04:00 • committed by GitHub
commit 669b1403fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/Facepile.tsx
View file

@ -72,12 +72,12 @@ export function Facepile({
{...rest} {...rest}
> >
{participants.slice(0, max).map((member, i) => { {participants.slice(0, max).map((member, i) => {
const avatarUrl = member.user?.avatarUrl; const avatarUrl = member.getMxcAvatarUrl();
return ( return (
<Avatar <Avatar
key={member.userId} key={member.userId}
size={size} size={size}
src={avatarUrl} src={avatarUrl ?? undefined}
fallback={member.name.slice(0, 1).toUpperCase()} fallback={member.name.slice(0, 1).toUpperCase()}
className={styles.avatar} className={styles.avatar}
style={{ left: i * (_size - _overlap) }} style={{ left: i * (_size - _overlap) }}

4
src/room/InCallView.tsx
View file

@ -237,14 +237,14 @@ export function InCallView({
const renderAvatar = useCallback( const renderAvatar = useCallback(
(roomMember: RoomMember, width: number, height: number) => { (roomMember: RoomMember, width: number, height: number) => {
const avatarUrl = roomMember.user?.avatarUrl; const avatarUrl = roomMember.getMxcAvatarUrl();
const size = Math.round(Math.min(width, height) / 2); const size = Math.round(Math.min(width, height) / 2);
return ( return (
<Avatar <Avatar
key={roomMember.userId} key={roomMember.userId}
size={size} size={size}
src={avatarUrl} src={avatarUrl ?? undefined}
fallback={roomMember.name.slice(0, 1).toUpperCase()} fallback={roomMember.name.slice(0, 1).toUpperCase()}
className={styles.avatar} className={styles.avatar}
/> />