куча говна

client/app/components/ClientRow.vue

@@ -8,17 +8,17 @@
 
       <div class="flex-1">
         <div class="text-sm leading-5 font-medium text-color whitespace-nowrap overflow-ellipsis">
-          {{ client.username }}
+          {{ client.displayName }}
         </div>
-        <div class="mt-1 text-xs leading-5 text-muted-color">
-          {{ client.id }}
+        <div v-if="client.username !== client.displayName" class="mt-1 text-xs leading-5 text-muted-color">
+          {{ client.username }}
         </div>
       </div>
 
-      <PrimeBadge v-if="client.isMe && inputMuted" severity="info" value="Muted" />
-      <PrimeBadge v-if="client.isMe" severity="secondary" value="You" />
+      <PrimeBadge v-if="client.inputMuted" severity="info" value="Muted" />
+      <PrimeBadge v-if="isMe" severity="secondary" value="You" />
 
-      <template v-if="!client.isMe">
+      <template v-if="!isMe">
         <PrimeButton icon="pi pi-ellipsis-h" text size="small" severity="contrast" @click="menuRef?.toggle" />
 
         <PrimeMenu ref="menu" popup :model="menuItems" style="translate: calc(-100% + 2rem) 0.5rem">
@@ -47,6 +47,7 @@ const props = defineProps<{
 
 const { inputMuted, outputMuted } = useApp()
 const { getClientConsumers } = useMediasoup()
+const { me } = useClients()
 
 const menuRef = useTemplateRef<HTMLAudioElement>('menu')
 
@@ -64,6 +65,10 @@ const menuItems: MenuItem[] = [
   },
 ]
 
+const isMe = computed(() => {
+  return me.value && props.client.userId === me.value.userId
+})
+
 const audioConsumer = computed(() => {
   const consumers = getClientConsumers(props.client.id)