cleanup video rendering

packages/desktop/package.json

@@ -42,8 +42,8 @@
         [
           "@electron-forge/plugin-webpack",
           {
-            "port": "4000",
-            "loggerPort": "9000",
+            "port": "4001",
+            "loggerPort": "9001",
             "mainConfig": "./webpack.main.config.js",
             "devContentSecurityPolicy": "default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;",
             "renderer": {

packages/desktop/src/tree/MainPanel.tsx

@@ -45,7 +45,8 @@ export default function MainPanel() {
 }
 
 function ConversationDetails({ masterConversation }: { masterConversation: MasterConversation }) {
-  console.log('selected room contents', masterConversation.room);
+  console.log('selected room contents');
+  console.log(masterConversation);
 
   return (
     <Container maxWidth={'md'}>
@@ -72,5 +73,5 @@ function Video({ stream }: { stream: MediaStream }) {
     }
   }, [stream]);
 
-  return <video ref={videoRef} muted height={'400'} width={'600'} />;
+  return <video ref={videoRef} muted autoPlay height={'400'} width={'600'} />;
 }