Only show name when focused or more than 2 participants
This commit is contained in:
parent
47357b3fc6
commit
1d620910c5
1 changed files with 3 additions and 2 deletions
|
@ -57,7 +57,7 @@ export function InCallView({
|
||||||
id: callFeed.stream.id,
|
id: callFeed.stream.id,
|
||||||
callFeed,
|
callFeed,
|
||||||
focused:
|
focused:
|
||||||
screenshareFeeds.length === 0
|
screenshareFeeds.length === 0 && layout === "spotlight"
|
||||||
? callFeed.userId === activeSpeaker
|
? callFeed.userId === activeSpeaker
|
||||||
: false,
|
: false,
|
||||||
});
|
});
|
||||||
|
@ -80,7 +80,7 @@ export function InCallView({
|
||||||
}
|
}
|
||||||
|
|
||||||
return participants;
|
return participants;
|
||||||
}, [userMediaFeeds, activeSpeaker, screenshareFeeds]);
|
}, [userMediaFeeds, activeSpeaker, screenshareFeeds, layout]);
|
||||||
|
|
||||||
const onFocusTile = useCallback(
|
const onFocusTile = useCallback(
|
||||||
(tiles, focusedTile) => {
|
(tiles, focusedTile) => {
|
||||||
|
@ -156,6 +156,7 @@ export function InCallView({
|
||||||
key={item.id}
|
key={item.id}
|
||||||
item={item}
|
item={item}
|
||||||
getAvatar={renderAvatar}
|
getAvatar={renderAvatar}
|
||||||
|
showName={items.length > 2 || item.focused}
|
||||||
{...rest}
|
{...rest}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
Loading…
Reference in a new issue