From 415f2f36e56f01571fb4790bd8ead79bf4fadf0c Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 16 May 2022 17:04:30 -0500
Subject: [PATCH] more playing around but too much here

---
 .../protected/terminal/panels/MainPanel.tsx   | 27 ++++++++++++-------
 .../protected/terminal/panels/SidePanel.tsx   |  2 +-
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/packages/desktop/src/tree/protected/terminal/panels/MainPanel.tsx b/packages/desktop/src/tree/protected/terminal/panels/MainPanel.tsx
index 5185a2d..a7449b9 100644
--- a/packages/desktop/src/tree/protected/terminal/panels/MainPanel.tsx
+++ b/packages/desktop/src/tree/protected/terminal/panels/MainPanel.tsx
@@ -170,9 +170,7 @@ function LineDetails() {
 
           <span className={'text-gray-300 text-sm'}>yesterday</span>
 
-          <div
-            className={'rounded border border-gray-200 flex flex-row items-center gap-2 w-full p-2'}
-          >
+          <div className={'rounded flex flex-row items-center gap-2 w-full p-2'}>
             <Avatar.Group key={`lineHistoryMessage-yesterday-afternoon}`}>
               {selectedLine.otherUserObjects.map((otherUser) => (
                 <Avatar
@@ -203,11 +201,7 @@ function LineDetails() {
 
           <span className={'text-gray-300 text-sm'}>today</span>
 
-          <div
-            className={
-              'rounded border border-gray-200 flex flex-row items-center gap-2 w-full p-2  shadow-xl'
-            }
-          >
+          <div className={'rounded flex flex-row items-center gap-2 w-full p-2  shadow-xl'}>
             <Avatar.Group key={`lineHistoryMessage-yesterday-afternoon}`}>
               {selectedLine.otherUserObjects.map((otherUser) => (
                 <Avatar
@@ -246,7 +240,7 @@ function LineDetails() {
           {/* <LineStreams broadcasters={selectedLine.tunedInMemberIds} /> */}
         </div>
 
-        <div className="flex-1 flex flex-col border-l-teal-500 border-l">
+        <div className="flex-1 flex flex-col shadow-2xl p-2">
           {selectedLine.otherUserObjects.map((otherUser) => (
             <div
               key={`rightNowLineHistory-${otherUser._id.toString()}`}
@@ -267,6 +261,21 @@ function LineDetails() {
               </Tooltip>
             </div>
           ))}
+
+          <div
+            key={`rightNowLineHistory-${user._id.toString()}`}
+            className="flex flex-row p-2 gap-2 items-center bg-transparent"
+          >
+            <Avatar
+              key={`linehistory-${1}`}
+              src={user.picture}
+              shape="square"
+              size={'large'}
+              // grayscale if not playing?
+              className={`shadow-lg grayscale`}
+            />
+            <span className="text-gray-400">{user.name}</span>
+          </div>
         </div>
       </div>
 
diff --git a/packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx b/packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx
index dcf2537..a9b78db 100644
--- a/packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx
+++ b/packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx
@@ -41,7 +41,7 @@ export default function SidePanel() {
             <span className="flex flex-row gap-2 items-center justify-start text-gray-400 animate-pulse">
               <FiActivity className="text-sm" />
 
-              <h2 className="text-inherit text-sm">Rooms</h2>
+              <h2 className="text-inherit text-sm">Tuned In</h2>
 
               <p className="text-slate-300 text-xs">{`${toggleTunedLines?.length || 0}/3`}</p>
             </span>