показывать себя в превью

client/app/components/Gallery/Card.vue

@@ -1,19 +1,13 @@
 <template>
   <div
-    class="relative rounded overflow-hidden flex items-center justify-center"
-    :class="{
-      'group cursor-pointer hover:outline outline-primary': !isMe,
-    }"
+    class="group cursor-pointer hover:outline outline-primary relative rounded overflow-hidden flex items-center justify-center"
     @click="watch"
   >
     <video :srcObject="stream" muted autoplay />
 
     <PrimeTag
       severity="secondary"
-      class="absolute bottom-2 text-sm opacity-70"
-      :class="{
-        'group-hover:opacity-100': !isMe,
-      }"
+      class="absolute bottom-2 text-sm opacity-70 group-hover:opacity-100"
       rounded
     >
       {{ isMe ? 'You' : client.username }}
@@ -37,9 +31,6 @@ const isMe = computed(() => {
 })
 
 function watch() {
-  if (isMe.value)
-    return
-
   fullscreenVideo.show(props.stream)
 }
 </script>

client/app/composables/use-app.ts

@@ -40,7 +40,10 @@ export const useApp = createGlobalState(() => {
   })
 
   const somebodyStreamingVideo = computed(() => {
-    return mediasoup.videoConsumers.value.length > 0 || mediasoup.shareConsumers.value.length > 0
+    return !!mediasoup.videoProducer.value
+      || !!mediasoup.shareProducer.value
+      || mediasoup.videoConsumers.value.length > 0
+      || mediasoup.shareConsumers.value.length > 0
   })
 
   async function muteInput() {

client/app/pages/gallery.vue

@@ -5,7 +5,6 @@
       :key="item.client.socketId"
       :client="item.client"
       :stream="item.stream"
-      @click="watch(item.stream)"
     />
   </div>
 </template>

client/src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "productName": "chad",
-  "version": "0.2.24",
+  "version": "0.2.25",
   "identifier": "xyz.koptilnya.chad",
   "build": {
     "frontendDist": "../.output/public",