small changes to video view

packages/desktop/package.json

@@ -42,8 +42,8 @@
         [
           "@electron-forge/plugin-webpack",
           {
-            "port": "4080",
+            "port": "4000",
-            "loggerPort": "9010",
+            "loggerPort": "9000",
             "mainConfig": "./webpack.main.config.js",
             "devContentSecurityPolicy": "connect-src 'self' http://localhost:5000 ws://localhost:5000 https://api.quotable.io/random 'unsafe-eval'",
             "renderer": {

packages/desktop/src/tree/protected/terminal/line/LineDetails.tsx

@@ -111,6 +111,11 @@ export default function LineDetails() {
           className="flex-1 flex flex-col justify-start items-center 
         gap-2 p-5 mx-auto max-w-lg w-full"
         >
+          <span className="flex flex-row gap-2 items-center mx-auto text-center mt-5 text-teal-500">
+            <FiSun />
+            <span>Right now</span>
+          </span>
+
           {Object.keys(peerMap).map((lineId, index) => {
             if (lineId !== selectedLine.lineDetails._id.toString()) return <></>;
 
@@ -177,17 +182,14 @@ function StreamPlayer({ peerStream }: { peerStream: MediaStream }) {
   }, [peerStream]);
 
   return (
-    <>
+    <video
-      this is a stream component of one remote peer
+      ref={streamRef}
-      <video
+      height={350}
-        ref={streamRef}
+      width={400}
-        height={400}
+      className={'shadow-xl rounded'}
-        width={400}
+      autoPlay
-        className={'shadow-xl rounded'}
+      muted
-        autoPlay
+    />
-        muted
-      />
-    </>
   );
 }