chore: show call participant mute and camera-off state

src/app/call/stores.ts

@@ -41,9 +41,9 @@ export const participantKey = (p: VoiceParticipant) => p.pubkey ?? p.identity
 
 export const speakingParticipants = writable<VoiceParticipant[]>([])
 
-export const participantMediaState = writable<
-  Map<string, {muted: boolean; cameraOn: boolean}>
->(new Map())
+export const participantMediaState = writable<Map<string, {muted: boolean; cameraOn: boolean}>>(
+  new Map(),
+)
 
 export const mediaStateByIdentity = derived(
   [participantMediaState, currentVoiceSession],

src/app/components/VoiceWidget.svelte

@@ -38,12 +38,7 @@
     toggleScreenShare,
     videoCallLayout,
   } from "@app/call/video"
-  import {
-    VoiceState,
-    currentVoiceSession,
-    currentVoiceRoom,
-    voiceState,
-  } from "@app/call/stores"
+  import {VoiceState, currentVoiceSession, currentVoiceRoom, voiceState} from "@app/call/stores"
   import {cancelJoinVoiceRoom, leaveVoiceRoom, toggleMute} from "@app/call/voice"
 
   const {relay, h} = $derived($page.params)
@@ -192,9 +187,7 @@
               "text-error ring-1 ring-error/50 ring-offset-0 ring-offset-base-100",
           )}
           onclick={toggleMute}>
-          <Icon
-            icon={$currentVoiceSession.muted ? MicrophoneOff : Microphone}
-            size={4} />
+          <Icon icon={$currentVoiceSession.muted ? MicrophoneOff : Microphone} size={4} />
         </Button>
         <Button
           data-tip={$currentVoiceSession.cameraOn ? "Turn off camera" : "Turn on camera"}
@@ -207,9 +200,7 @@
           )}
           onclick={toggleCamera}>
           <Icon
-            icon={$currentVoiceSession.cameraOn
-              ? VideocameraRecord
-              : VideocameraOff}
+            icon={$currentVoiceSession.cameraOn ? VideocameraRecord : VideocameraOff}
             size={4} />
         </Button>
         {#if !Capacitor.isNativePlatform()}