diff options
| author | Joas Schilling <coding@schilljs.com> | 2020-11-16 21:49:18 +0100 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2020-11-26 09:46:46 +0100 |
| commit | c0a94edb91ff593eab84d480bf4a8393d40b97af (patch) | |
| tree | 1ef53c52dd502b053fc3a3d09a0796def9f6dd77 /src/components | |
| parent | 18e6072a300dc5ffa8eb8667859052c8a6213bf9 (diff) | |
Use a new VideoBackground component when we get a userId
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/CallView/shared/Video.vue | 41 |
1 files changed, 24 insertions, 17 deletions
diff --git a/src/components/CallView/shared/Video.vue b/src/components/CallView/shared/Video.vue index caf9a748d..aa2d73a5d 100644 --- a/src/components/CallView/shared/Video.vue +++ b/src/components/CallView/shared/Video.vue @@ -46,23 +46,30 @@ v-if="showBackgroundAndAvatar" :key="'backgroundAvatar'" class="avatar-container"> - <VideoBackground - :display-name="participantName" - :user="participantUserId" - :grid-blur="videoBackgroundBlur" /> - <Avatar v-if="participantUserId" - :size="avatarSize" - :disable-menu="true" - :disable-tooltip="true" - :user="participantUserId" - :display-name="participantName" - :show-user-status="false" - :class="avatarClass" /> - <div v-if="!participantUserId" - :class="guestAvatarClass" - class="avatar guest"> - {{ firstLetterOfGuestName }} - </div> + <template v-if="participantUserId"> + <VideoBackground + :display-name="participantName" + :user="participantUserId" + :grid-blur="videoBackgroundBlur" /> + <Avatar + :size="avatarSize" + :disable-menu="true" + :disable-tooltip="true" + :user="participantUserId" + :display-name="participantName" + :show-user-status="false" + :class="avatarClass" /> + </template> + <template v-else> + <VideoBackground + :display-name="participantName" + :grid-blur="videoBackgroundBlur" /> + <div + :class="guestAvatarClass" + class="avatar guest"> + {{ firstLetterOfGuestName }} + </div> + </template> </div> <div v-if="showPlaceholderForPromoted" :key="'placeholderForPromoted'" |