From 3fe80f58fd7aa55dd299af2864060445e963e415 Mon Sep 17 00:00:00 2001
From: bharat <114856815+sonigeez@users.noreply.github.com>
Date: Sat, 16 Sep 2023 20:34:58 +0530
Subject: [PATCH] feat(media): [closes #165] Hide media control selectors when
 not in use (#166)

---
 src/components/Room/RoomAudioControls.tsx | 2 +-
 src/components/Room/RoomVideoControls.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Room/RoomAudioControls.tsx b/src/components/Room/RoomAudioControls.tsx
index 0bac291..4573fc8 100644
--- a/src/components/Room/RoomAudioControls.tsx
+++ b/src/components/Room/RoomAudioControls.tsx
@@ -78,7 +78,7 @@ export function RoomAudioControls({ peerRoom }: RoomAudioControlsProps) {
           {isSpeakingToRoom ? <RecordVoiceOver /> : <VoiceOverOff />}
         </MediaButton>
       </Tooltip>
-      {audioDevices.length > 0 && (
+      {audioDevices.length > 0 && isSpeakingToRoom && (
         <Box sx={{ mt: 1 }}>
           <List
             component="nav"
diff --git a/src/components/Room/RoomVideoControls.tsx b/src/components/Room/RoomVideoControls.tsx
index 114614a..5cfacb0 100644
--- a/src/components/Room/RoomVideoControls.tsx
+++ b/src/components/Room/RoomVideoControls.tsx
@@ -72,7 +72,7 @@ export function RoomVideoControls({ peerRoom }: RoomVideoControlsProps) {
           {isCameraEnabled ? <Videocam /> : <VideocamOff />}
         </MediaButton>
       </Tooltip>
-      {videoDevices.length > 0 && (
+      {videoDevices.length > 0 && isCameraEnabled && (
         <Box sx={{ mt: 1 }}>
           <List
             component="nav"