From 5c4dabf049de313561b8e1b450e23312572560b0 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 2 Jul 2021 19:21:11 +0530
Subject: [PATCH] feature(ui) - show userid on call action

---
 .../Assist/components/AssistActions/AssistActions.tsx     | 8 ++++----
 frontend/app/components/Session_/PlayerBlockHeader.js     | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx b/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
index 13dab639e..f5d18296e 100644
--- a/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
+++ b/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
@@ -6,11 +6,11 @@ import { toggleChatWindow } from 'Duck/sessions';
 import stl from './AassistActions.css'
 
 interface Props {
-  isLive: false;
+  userId: String,
   toggleChatWindow: (state) => void
 }
 
-function AssistActions({ toggleChatWindow }: Props) {
+function AssistActions({ toggleChatWindow, userId }: Props) {
   return (
     <div className="flex items-center">
       <Popup
@@ -23,10 +23,10 @@ function AssistActions({ toggleChatWindow }: Props) {
             <Icon name="telephone-fill" size="20" color="teal" />
           </div>
         }
-        content={ `Start Video Call` }
+        content={ `Call ${userId}` }
         size="tiny"
         inverted
-        position="top center"
+        position="top right"
       />
     </div>
   )
diff --git a/frontend/app/components/Session_/PlayerBlockHeader.js b/frontend/app/components/Session_/PlayerBlockHeader.js
index 9cb57cd4d..0d0294ea3 100644
--- a/frontend/app/components/Session_/PlayerBlockHeader.js
+++ b/frontend/app/components/Session_/PlayerBlockHeader.js
@@ -113,7 +113,7 @@ export default class PlayerBlockHeader extends React.PureComponent {
           <HeaderInfo icon={ osIcon(userOs) } label={ userOs } />
 
           <div className='ml-auto flex items-center'>
-            { live && <AssistActions isLive /> }
+            { live && <AssistActions isLive userId={userId} /> }
             { !live && (
               <>
                 <Autoplay />