diff --git a/app/src/components/Controls/Sidebar.js b/app/src/components/Controls/Sidebar.js index 958bc7d..79024ea 100644 --- a/app/src/components/Controls/Sidebar.js +++ b/app/src/components/Controls/Sidebar.js @@ -143,84 +143,90 @@ const Sidebar = (props) => } > - - { - micState === 'on' ? - roomClient.disableMic() : - roomClient.enableMic(); - }} - > - { micState === 'on' ? - - : - - } - +
+ + { + micState === 'on' ? + roomClient.disableMic() : + roomClient.enableMic(); + }} + > + { micState === 'on' ? + + : + + } + +
- - { - webcamState === 'on' ? - roomClient.disableWebcam() : - roomClient.enableWebcam(); - }} - > - { webcamState === 'on' ? - - : - - } - +
+ + { + webcamState === 'on' ? + roomClient.disableWebcam() : + roomClient.enableWebcam(); + }} + > + { webcamState === 'on' ? + + : + + } + +
- - { - switch (screenState) +
+ { - case 'on': + switch (screenState) { - roomClient.disableScreenSharing(); - break; - } - case 'off': - { - roomClient.enableScreenSharing(); - break; - } - default: - { - break; + case 'on': + { + roomClient.disableScreenSharing(); + break; + } + case 'off': + { + roomClient.enableScreenSharing(); + break; + } + default: + { + break; + } } + }} + > + { screenState === 'on' || screenState === 'unsupported' ? + + :null } - }} - > - { screenState === 'on' || screenState === 'unsupported' ? - - :null - } - { screenState === 'off' ? - - :null - } - + { screenState === 'off' ? + + :null + } + +