mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions 1

Add list of participants to the lobby, and add basic blocking for max participants

Browse source
This commit is contained in:
Evan Hahn 2020-11-20 14:14:07 -06:00 • committed by Josh Perez
parent f8b4862ed5
commit daef1feae8
11 changed files with 112 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

65
ts/components/CallingLobby.tsx
View file

@ -24,6 +24,7 @@ export type PropsType = {
hasLocalVideo: boolean;
i18n: LocalizerType;
isGroupCall: boolean;
isCallFull?: boolean;
me: {
avatarPath?: string;
color?: ColorType;
@ -46,6 +47,7 @@ export const CallingLobby = ({
hasLocalVideo,
i18n,
isGroupCall = false,
isCallFull = false,
me,
onCallCanceled,
onJoinCall,
@ -112,6 +114,45 @@ export const CallingLobby = ({
? CallingButtonType.AUDIO_ON
: CallingButtonType.AUDIO_OFF;
let joinButton: JSX.Element;
if (isCallFull) {
joinButton = (
<button
className="module-button__green module-calling-lobby__button"
disabled
tabIndex={0}
type="button"
>
{i18n('calling__call-is-full')}
</button>
);
} else if (isCallConnecting) {
joinButton = (
<button
className="module-button__green module-calling-lobby__button"
disabled
tabIndex={0}
type="button"
>
<Spinner svgSize="small" />
</button>
);
} else {
joinButton = (
<button
className="module-button__green module-calling-lobby__button"
onClick={() => {
setIsCallConnecting(true);
onJoinCall();
}}
tabIndex={0}
type="button"
>
{isGroupCall ? i18n('calling__join') : i18n('calling__start')}
</button>
);
}
return (
<div className="module-calling__container">
<CallingHeader
@ -191,29 +232,7 @@ export const CallingLobby = ({
>
{i18n('cancel')}
</button>
{isCallConnecting && (
<button
className="module-button__green module-calling-lobby__button"
disabled
tabIndex={0}
type="button"
>
<Spinner svgSize="small" />
</button>
)}
{!isCallConnecting && (
<button
className="module-button__green module-calling-lobby__button"
onClick={() => {
setIsCallConnecting(true);
onJoinCall();
}}
tabIndex={0}
type="button"
>
{isGroupCall ? i18n('calling__join') : i18n('calling__start')}
</button>
)}
{joinButton}
</div>
</div>
);