From 704ae7364dafc14be0b31354d22d84bdc596a31e Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Fri, 20 May 2022 08:07:17 -0500
Subject: [PATCH] small changes to video view

---
 packages/desktop/package.json                 |  4 ++--
 .../protected/terminal/line/LineDetails.tsx   | 24 ++++++++++---------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/packages/desktop/package.json b/packages/desktop/package.json
index 1db1ff8..86a4d99 100644
--- a/packages/desktop/package.json
+++ b/packages/desktop/package.json
@@ -42,8 +42,8 @@
         [
           "@electron-forge/plugin-webpack",
           {
-            "port": "4080",
-            "loggerPort": "9010",
+            "port": "4000",
+            "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": {
diff --git a/packages/desktop/src/tree/protected/terminal/line/LineDetails.tsx b/packages/desktop/src/tree/protected/terminal/line/LineDetails.tsx
index 8f20b10..4f55703 100644
--- a/packages/desktop/src/tree/protected/terminal/line/LineDetails.tsx
+++ b/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 (
-    <>
-      this is a stream component of one remote peer
-      <video
-        ref={streamRef}
-        height={400}
-        width={400}
-        className={'shadow-xl rounded'}
-        autoPlay
-        muted
-      />
-    </>
+    <video
+      ref={streamRef}
+      height={350}
+      width={400}
+      className={'shadow-xl rounded'}
+      autoPlay
+      muted
+    />
   );
 }