From 5676b8f9e8000eb6fb5d3922ce0ff3f874313cd6 Mon Sep 17 00:00:00 2001
From: Antreesy <antreesy.web@gmail.com>
Date: Wed, 28 Aug 2024 17:18:27 +0200
Subject: [PATCH] fix(TopBar): disable buttons if user has no media permissions

Signed-off-by: Antreesy <antreesy.web@gmail.com>
---
 src/components/CallView/shared/LocalAudioControlButton.vue | 3 ++-
 src/components/CallView/shared/LocalVideoControlButton.vue | 3 ++-
 src/components/TopBar/TopBarMediaControls.vue              | 2 ++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/CallView/shared/LocalAudioControlButton.vue b/src/components/CallView/shared/LocalAudioControlButton.vue
index 86f56479047..a7872dec56b 100644
--- a/src/components/CallView/shared/LocalAudioControlButton.vue
+++ b/src/components/CallView/shared/LocalAudioControlButton.vue
@@ -7,7 +7,8 @@
 	<NcButton v-tooltip="audioButtonTooltip"
 		:type="type"
 		:aria-label="audioButtonAriaLabel"
-		:class="{ 'no-audio-available': !isAudioAllowed || !model.attributes.audioAvailable }"
+		:class="{ 'no-audio-available': !model.attributes.audioAvailable }"
+		:disabled="!isAudioAllowed"
 		@click.stop="toggleAudio">
 		<template #icon>
 			<VolumeIndicator :audio-preview-available="model.attributes.audioAvailable"
diff --git a/src/components/CallView/shared/LocalVideoControlButton.vue b/src/components/CallView/shared/LocalVideoControlButton.vue
index 4c9556b1605..12962ee0670 100644
--- a/src/components/CallView/shared/LocalVideoControlButton.vue
+++ b/src/components/CallView/shared/LocalVideoControlButton.vue
@@ -7,7 +7,8 @@
 	<NcButton v-tooltip="videoButtonTooltip"
 		:type="type"
 		:aria-label="videoButtonAriaLabel"
-		:class="{ 'no-video-available': !isVideoAllowed || !model.attributes.videoAvailable }"
+		:class="{ 'no-video-available': !model.attributes.videoAvailable }"
+		:disabled="!isVideoAllowed"
 		@click.stop="toggleVideo">
 		<template #icon>
 			<VideoIcon v-if="showVideoOn" :size="20" />
diff --git a/src/components/TopBar/TopBarMediaControls.vue b/src/components/TopBar/TopBarMediaControls.vue
index c5cbfbcdced..e9142886c0f 100644
--- a/src/components/TopBar/TopBarMediaControls.vue
+++ b/src/components/TopBar/TopBarMediaControls.vue
@@ -73,6 +73,7 @@
 			class="app-navigation-entry-utils-menu-button"
 			:boundaries-element="boundaryElement"
 			:container="container"
+			:disabled="!isScreensharingAllowed"
 			:open.sync="screenSharingMenuOpen">
 			<template #icon>
 				<MonitorOff :size="20" />
@@ -95,6 +96,7 @@
 			v-tooltip="screenSharingButtonTooltip"
 			type="tertiary"
 			:aria-label="screenSharingButtonAriaLabel"
+			:disabled="!isScreensharingAllowed"
 			@click.stop="toggleScreenSharingMenu">
 			<template #icon>
 				<MonitorShare :size="20" />