lint

ts/components/session/calling/CallContainer.tsx

@@ -384,12 +384,16 @@ export const InConversationCallContainer = () => {
         </InConvoCallWindowControls>
         <VideoInputMenu
           triggerId={videoTriggerId}
-          onUnmute={() => setVideoMuted(false)}
+          onUnmute={() => {
+            setVideoMuted(false);
+          }}
           camerasList={currentConnectedCameras}
         />
         <AudioInputMenu
           triggerId={audioTriggerId}
-          onUnmute={() => setAudioMuted(false)}
+          onUnmute={() => {
+            setAudioMuted(false);
+          }}
           audioInputsList={currentConnectedAudioInputs}
         />
       </RelativeCallWindow>

ts/components/session/icon/DropDownAndToggleButton.tsx

@@ -12,7 +12,7 @@ type SProps = {
 };
 
 const StyledRoundedButton = styled.div<{ isMuted: boolean }>`
-  background-color: ${props => (props.isMuted ? 'black' : 'white')};
+  background-color: ${props => (props.isMuted ? 'hsl(0,0%,40%)' : 'white')};
   color: ${props => (props.isMuted ? 'white' : 'black')};
   border-radius: 50%;
   cursor: pointer;

ts/session/utils/CallManager.ts

@@ -83,11 +83,13 @@ async function getConnectedDevices(type: 'videoinput' | 'audioinput') {
 }
 
 // Listen for changes to media devices and update the list accordingly
-navigator.mediaDevices.addEventListener('devicechange', async () => {
-  await updateInputLists();
-  callVideoListener();
-});
-
+// tslint:disable-next-line: no-typeof-undefined
+if (typeof navigator !== 'undefined') {
+  navigator.mediaDevices.addEventListener('devicechange', async () => {
+    await updateInputLists();
+    callVideoListener();
+  });
+}
 async function updateInputLists() {
   // Get the set of cameras connected
   const videoCameras = await getConnectedDevices('videoinput');