Calling lobby: show your blurred avatar instead of other person's

This commit is contained in:
Evan Hahn 2020-11-09 12:56:20 -06:00 committed by GitHub
parent 4d95f83007
commit 957a1e0d07
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 26 additions and 29 deletions

View file

@ -19,14 +19,16 @@ import { ColorType } from '../types/Colors';
export type PropsType = {
availableCameras: Array<MediaDeviceInfo>;
conversation: {
avatarPath?: string;
color?: ColorType;
title: string;
};
hasLocalAudio: boolean;
hasLocalVideo: boolean;
i18n: LocalizerType;
isGroupCall: boolean;
me: {
avatarPath?: string;
color?: ColorType;
};
onCallCanceled: () => void;
onJoinCall: () => void;
setLocalAudio: (_: SetLocalAudioType) => void;
@ -43,6 +45,7 @@ export const CallingLobby = ({
hasLocalVideo,
i18n,
isGroupCall = false,
me,
onCallCanceled,
onJoinCall,
setLocalAudio,
@ -131,10 +134,7 @@ export const CallingLobby = ({
{hasLocalVideo && availableCameras.length > 0 ? (
<video ref={localVideoRef} autoPlay />
) : (
<CallBackgroundBlur
avatarPath={conversation.avatarPath}
color={conversation.color}
>
<CallBackgroundBlur avatarPath={me.avatarPath} color={me.color}>
<div className="module-calling-lobby__video-off--icon" />
<span className="module-calling-lobby__video-off--text">
{i18n('calling__your-video-is-off')}