Fix participant tile audio muted data prop (#838)

livekit · Apr 22, 2024 · 8aa9567 · 8aa9567
1 parent c2ad1ae
commit 8aa9567
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/.changeset/moody-suits-share.md b/.changeset/moody-suits-share.md
@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+Fix participant tile audio muted data prop
diff --git a/packages/react/src/hooks/useParticipantTile.ts b/packages/react/src/hooks/useParticipantTile.ts
@@ -6,6 +6,7 @@ import { mergeProps } from '../mergeProps';
 import { useFacingMode } from './useFacingMode';
 import { useIsMuted } from './useIsMuted';
 import { useIsSpeaking } from './useIsSpeaking';
+import { Track } from 'livekit-client';
 
 /** @public */
 export interface UseParticipantTileProps<T extends HTMLElement> extends React.HTMLAttributes<T> {
@@ -53,8 +54,17 @@ export function useParticipantTile<T extends HTMLElement>({
     trackReference.source,
     trackReference.participant,
   ]);
+
+  const micTrack = trackReference.participant.getTrackPublication(Track.Source.Microphone);
+  const micRef = React.useMemo(() => {
+    return {
+      participant: trackReference.participant,
+      source: Track.Source.Microphone,
+      publication: micTrack,
+    };
+  }, [micTrack, trackReference.participant]);
   const isVideoMuted = useIsMuted(trackReference);
-  const isAudioMuted = useIsMuted(trackReference);
+  const isAudioMuted = useIsMuted(micRef);
   const isSpeaking = useIsSpeaking(trackReference.participant);
   const facingMode = useFacingMode(trackReference);
   return {