Voice chat UI

src/app/app.ts

@@ -216,10 +216,17 @@ export default class Enclave<P = Page> {
           server.voiceChatUsers[msg.channel_id] = [];
 
         server.voiceChatUsers[msg.channel_id].push(msg.pubkey);
+        this.server?.getUsers([msg.pubkey]);
         return;
 
       case "Speaking":
-        server.voiceChatSpeaker(msg.pubkey);
+        clearTimeout(server.voiceChatSpeakers[msg.pubkey]);
+
+        server.voiceChatSpeakers[msg.pubkey] = setTimeout(() => {
+          delete server.voiceChatSpeakers[msg.pubkey];
+          this.forceRender();
+        }, 800);
+        this.forceRender();
         return;
     }
   }

src/app/server.ts

@@ -113,12 +113,4 @@ export default class EnclaveServer {
 
     this.websocket?.send({ method: "GetUsers", pubkeys: filteredPubkeys });
   }
-
-  public voiceChatSpeaker(pubkey: string) {
-    clearTimeout(this.voiceChatSpeakers[pubkey]);
-
-    this.voiceChatSpeakers[pubkey] = setTimeout(() => {
-      delete this.voiceChatSpeakers[pubkey];
-    }, 1000);
-  }
 }