From 56ae37b28c11c0e669cf8d1b7ff430a73b24b22c Mon Sep 17 00:00:00 2001
From: Mats <mats@craftmend.com>
Date: Sun, 1 Dec 2024 20:18:34 +0100
Subject: [PATCH] fixes for hidden clients

---
 .../voice/ui/VoiceQuickSettings.jsx           | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/client/src/components/voice/ui/VoiceQuickSettings.jsx b/client/src/components/voice/ui/VoiceQuickSettings.jsx
index 1b0e4a6fe0..8c5a704491 100644
--- a/client/src/components/voice/ui/VoiceQuickSettings.jsx
+++ b/client/src/components/voice/ui/VoiceQuickSettings.jsx
@@ -92,7 +92,7 @@ class VoiceQuickSettings extends React.Component {
           {msg('vc.myStatus')}
         </div>
 
-        <div className="grid grid-cols-3 gap-2 mt-2">
+        <div className={`grid gap-2 mt-2 ${!this.props.peersHidden ? 'grid-cols-3' : 'grid-cols-2'}`}>
 
           <VoicePageButton
             highlighted={this.props.voicechatMuted}
@@ -111,14 +111,16 @@ class VoiceQuickSettings extends React.Component {
             <VoiceDeafenButtonContent deafened={this.props.voicechatDeafened} />
           </VoicePageButton>
 
-          <VoicePageButton
-            highlighted={pipEnabled}
-            highlightGreen
-            isDisabled={!isPipSupported}
-            onClick={this.togglePiP}
-          >
-            <PipVector />
-          </VoicePageButton>
+          {!this.props.peersHidden ? (
+            <VoicePageButton
+              highlighted={pipEnabled}
+              highlightGreen
+              isDisabled={!isPipSupported}
+              onClick={this.togglePiP}
+            >
+              <PipVector />
+            </VoicePageButton>
+          ) : null}
         </div>
 
         <div className="content-card-buttons mt-2 w-full">
@@ -151,7 +153,7 @@ class VoiceQuickSettings extends React.Component {
           </div>
         </div>
 
-        {this.props.voicePiPEnabled ? <DocumentPictureInPicture><VoiceChatPiP /></DocumentPictureInPicture> : null}
+        {(this.props.voicePiPEnabled && !this.props.peersHidden) ? <DocumentPictureInPicture><VoiceChatPiP /></DocumentPictureInPicture> : null}
       </div>
     );
   }
@@ -169,5 +171,6 @@ function mapStateToProps(state) {
     isMutedServerSide: state.voiceState.isMutedServerSide,
     isSpeaking: state.voiceState.isSpeaking,
     currentUser: state.currentUser,
+    peersHidden: state.voiceState.peersHidden,
   };
 }