From 588e5566d0239f649aa60e733171cf63896cdf60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Sat, 29 May 2021 22:05:47 +0200
Subject: [PATCH] Fixing buttons design

Fixing the color of camera/microphone/screen sharing buttons that was broken following the migration to Svelte
---
 front/src/Components/CameraControls.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/front/src/Components/CameraControls.svelte b/front/src/Components/CameraControls.svelte
index 98dfa4c5..bd35d230 100644
--- a/front/src/Components/CameraControls.svelte
+++ b/front/src/Components/CameraControls.svelte
@@ -35,21 +35,21 @@
 </script>
 
 <div class="btn-cam-action">
-    <div class="btn-monitor" on:click={screenSharingClick} class:hide={!$screenSharingAvailableStore}>
+    <div class="btn-monitor" on:click={screenSharingClick} class:hide={!$screenSharingAvailableStore} class:enabled={$requestedScreenSharingState}>
         {#if $requestedScreenSharingState}
             <img src={monitorImg} alt="Start screen sharing">
         {:else}
             <img src={monitorCloseImg} alt="Stop screen sharing">
         {/if}
     </div>
-    <div class="btn-video" on:click={cameraClick}>
+    <div class="btn-video" on:click={cameraClick} class:disabled={!$requestedCameraState}>
         {#if $requestedCameraState}
             <img src={cinemaImg} alt="Turn on webcam">
         {:else}
             <img src={cinemaCloseImg} alt="Turn off webcam">
         {/if}
     </div>
-    <div class="btn-micro" on:click={microphoneClick}>
+    <div class="btn-micro" on:click={microphoneClick} class:disabled={!$requestedMicrophoneState}>
         {#if $requestedMicrophoneState}
             <img src={microphoneImg} alt="Turn on microphone">
         {:else}