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

Run prettier

Browse source
This commit is contained in:
David Baker 2022-05-05 12:26:30 +01:00
parent 7edf544d73
commit a70dbb130f
1 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/room/PTTCallView.jsx
View file

@ -51,7 +51,8 @@ export function PTTCallView({
unmuteError, unmuteError,
} = usePTT(client, groupCall, userMediaFeeds); } = usePTT(client, groupCall, userMediaFeeds);
const showTalkOverError = pttButtonHeld && unmuteError instanceof OtherUserSpeakingError; const showTalkOverError =
pttButtonHeld && unmuteError instanceof OtherUserSpeakingError;
const activeSpeakerIsLocalUser = const activeSpeakerIsLocalUser =
activeSpeakerUserId && client.getUserId() === activeSpeakerUserId; activeSpeakerUserId && client.getUserId() === activeSpeakerUserId;
@ -60,10 +61,10 @@ export function PTTCallView({
: null; : null;
const activeSpeakerAvatarUrl = activeSpeakerUser const activeSpeakerAvatarUrl = activeSpeakerUser
? getAvatarUrl( ? getAvatarUrl(
client, client,
activeSpeakerUser.avatarUrl, activeSpeakerUser.avatarUrl,
pttButtonSize - pttBorderWidth * 2 pttButtonSize - pttBorderWidth * 2
) )
: null; : null;
const activeSpeakerDisplayName = activeSpeakerUser const activeSpeakerDisplayName = activeSpeakerUser
? activeSpeakerUser.displayName ? activeSpeakerUser.displayName
@ -79,8 +80,9 @@ export function PTTCallView({
</Header> </Header>
<div className={styles.center}> <div className={styles.center}>
<div className={styles.participants}> <div className={styles.participants}>
<p>{`${participants.length} ${participants.length > 1 ? "people" : "person" <p>{`${participants.length} ${
} connected`}</p> participants.length > 1 ? "people" : "person"
} connected`}</p>
<Facepile <Facepile
size={facepileSize} size={facepileSize}
max={8} max={8}
@ -125,12 +127,12 @@ export function PTTCallView({
{showTalkOverError {showTalkOverError
? "You can't talk at the same time" ? "You can't talk at the same time"
: pttButtonHeld && activeSpeakerIsLocalUser : pttButtonHeld && activeSpeakerIsLocalUser
? "Release spacebar key to stop" ? "Release spacebar key to stop"
: talkOverEnabled && : talkOverEnabled &&
activeSpeakerUserId && activeSpeakerUserId &&
!activeSpeakerIsLocalUser !activeSpeakerIsLocalUser
? `Press and hold spacebar to talk over ${activeSpeakerDisplayName}` ? `Press and hold spacebar to talk over ${activeSpeakerDisplayName}`
: "Press and hold spacebar to talk"} : "Press and hold spacebar to talk"}
</p> </p>
{userMediaFeeds.map((callFeed) => ( {userMediaFeeds.map((callFeed) => (
<PTTFeed <PTTFeed