From c2aada6aa74ebc24a6be090b5c80a2e9c7f1722f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Wed, 21 Jul 2021 21:27:07 +0200
Subject: [PATCH] Clearer avatar sizing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/components/views/voip/CallViewSidebar.tsx | 1 +
 src/components/views/voip/VideoFeed.tsx       | 9 ++++++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/views/voip/CallViewSidebar.tsx b/src/components/views/voip/CallViewSidebar.tsx
index 73075b1493..fdcadaad6b 100644
--- a/src/components/views/voip/CallViewSidebar.tsx
+++ b/src/components/views/voip/CallViewSidebar.tsx
@@ -38,6 +38,7 @@ export default class CallViewSidebar extends React.Component<IProps> {
                     feed={feed}
                     call={this.props.call}
                     primary={false}
+                    pipMode={this.props.pipMode}
                 />
             );
         });
diff --git a/src/components/views/voip/VideoFeed.tsx b/src/components/views/voip/VideoFeed.tsx
index 3e50cd211b..f96bdf8538 100644
--- a/src/components/views/voip/VideoFeed.tsx
+++ b/src/components/views/voip/VideoFeed.tsx
@@ -154,12 +154,15 @@ export default class VideoFeed extends React.Component<IProps, IState> {
             ),
         };
 
+        const { pipMode, primary } = this.props;
+
         if (this.state.videoMuted) {
             const member = this.props.feed.getMember();
             let avatarSize;
-            if (this.props.pipMode) avatarSize = 76;
-            else if (!this.props.primary) avatarSize = 16;
-            else avatarSize = 160;
+            if (pipMode && primary) avatarSize = 76;
+            else if (pipMode && !primary) avatarSize = 16;
+            else if (!pipMode && primary) avatarSize = 160;
+            else; // TBD
 
             return (
                 <div className={classnames(videoClasses)} >