From 176fb9baae6e7831504bef91780a24ed039556dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sat, 12 Jun 2021 11:03:14 +0200
Subject: [PATCH] Don't show sidebar in PiP
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/CallView.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx
index 3793036a22..452bac2b99 100644
--- a/src/components/views/voip/CallView.tsx
+++ b/src/components/views/voip/CallView.tsx
@@ -608,6 +608,16 @@ export default class CallView extends React.Component<IProps, IState> {
             </div>;
         }
 
+        let sidebar;
+        if (!isOnHold && !transfereeCall && !this.props.pipMode) {
+            sidebar = (
+                <CallViewSidebar
+                    feeds={this.state.secondaryFeeds}
+                    call={this.props.call}
+                />
+            );
+        }
+
         // This is a bit messy. I can't see a reason to have two onHold/transfer screens
         if (isOnHold || transfereeCall) {
             if (this.props.call.type === CallType.Video) {
@@ -675,10 +685,7 @@ export default class CallView extends React.Component<IProps, IState> {
                     className={classes}
                     onMouseMove={this.onMouseMove}
                 >
-                    <CallViewSidebar
-                        feeds={this.state.secondaryFeeds}
-                        call={this.props.call}
-                    />
+                    { sidebar }
                     <div className="mx_CallView_voice_avatarsContainer">
                         <div
                             className="mx_CallView_voice_avatarContainer"
@@ -707,10 +714,7 @@ export default class CallView extends React.Component<IProps, IState> {
                     ref={this.contentRef}
                     onMouseMove={this.onMouseMove}
                 >
-                    <CallViewSidebar
-                        feeds={this.state.secondaryFeeds}
-                        call={this.props.call}
-                    />
+                    { sidebar }
                     <VideoFeed
                         feed={this.state.primaryFeed}
                         call={this.props.call}