feature(ui) - show userid on call action

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>
   )

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 />