test publish

client/app/components/ClientRow.vue

@@ -15,7 +15,7 @@
         </div>
       </div>
 
-      <PrimeBadge v-if="client.inputMuted" severity="info" value="Muted" />
+      <PrimeBadge v-if="audioConsumerPaused" severity="info" value="Muted" />
       <PrimeBadge v-if="isMe" severity="secondary" value="You" />
 
       <template v-if="!isMe">
@@ -70,11 +70,23 @@ const isMe = computed(() => {
 })
 
 const audioConsumer = computed(() => {
-  const consumers = getClientConsumers(props.client.id)
+  if (isMe.value)
+    return undefined
+
+  const consumers = getClientConsumers(props.client.socketId)
 
   return consumers.find(consumer => consumer.track.kind === 'audio')
 })
 
+const audioConsumerPaused = computed(() => {
+  if (isMe.value)
+    return false
+
+  const consumers = getClientConsumers(props.client.socketId)
+
+  return consumers.find(consumer => consumer.track.kind === 'audio')?.paused
+})
+
 const audioTrack = computed(() => {
   return audioConsumer.value?.track
 })