From 47774191b1a7cca6ff2ed0f2700c349b71267638 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 22 Jun 2022 17:16:05 +0200
Subject: [PATCH] fix(ui) - player init

---
 frontend/app/components/Assist/ChatControls/ChatControls.tsx | 4 ++--
 frontend/app/components/Assist/ChatWindow/ChatWindow.tsx     | 1 -
 frontend/app/components/Session/LivePlayer.js                | 2 +-
 frontend/app/player/singletone.js                            | 4 ++--
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/app/components/Assist/ChatControls/ChatControls.tsx b/frontend/app/components/Assist/ChatControls/ChatControls.tsx
index 16f79b3af..42866ed4b 100644
--- a/frontend/app/components/Assist/ChatControls/ChatControls.tsx
+++ b/frontend/app/components/Assist/ChatControls/ChatControls.tsx
@@ -29,14 +29,14 @@ function ChatControls({ stream, endCall, videoEnabled, setVideoEnabled } : Props
     <div className={cn(stl.controls, "flex items-center w-full justify-start bottom-0 px-2")}>
       <div className="flex items-center">
         <div className={cn(stl.btnWrapper, { [stl.disabled]: audioEnabled})}>
-          <Button varient="text" onClick={toggleAudio} hover>
+          <Button variant="text" onClick={toggleAudio} hover>
             <Icon name={audioEnabled ? 'mic' : 'mic-mute'} size="16" />
             <span className={cn("ml-1 color-gray-medium text-sm", { 'color-red' : audioEnabled })}>{audioEnabled ? 'Mute' : 'Unmute'}</span>
           </Button>
         </div>
 
         <div className={cn(stl.btnWrapper, { [stl.disabled]: videoEnabled})}>
-          <Button varient="text" onClick={toggleVideo} hover>
+          <Button variant="text" onClick={toggleVideo} hover>
             <Icon name={ videoEnabled ? 'camera-video' : 'camera-video-off' } size="16" />
             <span className={cn("ml-1 color-gray-medium text-sm", { 'color-red' : videoEnabled })}>{videoEnabled ? 'Stop Video' : 'Start Video'}</span>
           </Button>
diff --git a/frontend/app/components/Assist/ChatWindow/ChatWindow.tsx b/frontend/app/components/Assist/ChatWindow/ChatWindow.tsx
index 8af2e0614..8eb2a3620 100644
--- a/frontend/app/components/Assist/ChatWindow/ChatWindow.tsx
+++ b/frontend/app/components/Assist/ChatWindow/ChatWindow.tsx
@@ -1,7 +1,6 @@
 //@ts-nocheck
 import React, { useState, FC, useEffect } from 'react'
 import VideoContainer from '../components/VideoContainer'
-import { Icon, Popup, Button } from 'UI'
 import cn from 'classnames'
 import Counter from 'App/components/shared/SessionItem/Counter'
 import stl from './chatWindow.module.css'
diff --git a/frontend/app/components/Session/LivePlayer.js b/frontend/app/components/Session/LivePlayer.js
index 1106f6dfa..5793e2d52 100644
--- a/frontend/app/components/Session/LivePlayer.js
+++ b/frontend/app/components/Session/LivePlayer.js
@@ -25,7 +25,7 @@ const InitLoader = connectPlayer(state => ({
 function LivePlayer ({ session, toggleFullscreen, closeBottomBlock, fullscreen, jwt, loadingCredentials, assistCredendials, request, isEnterprise, hasErrors }) {
   useEffect(() => {
     if (!loadingCredentials) {
-      initPlayer(session, jwt, assistCredendials, true);
+      initPlayer(session, assistCredendials, true);
     }
     return () => cleanPlayer()
   }, [ session.sessionId, loadingCredentials, assistCredendials ]);
diff --git a/frontend/app/player/singletone.js b/frontend/app/player/singletone.js
index 60b8cf8ce..f3a3d9b23 100644
--- a/frontend/app/player/singletone.js
+++ b/frontend/app/player/singletone.js
@@ -28,11 +28,11 @@ document.addEventListener("visibilitychange", function() {
   }
 });
 
-export function init(session, jwt, config, live = false) {
+export function init(session, config, live = false) {
   // const live = session.live;
   const endTime = !live && session.duration.valueOf();
 
-  instance = new Player(session, jwt, config, live);
+  instance = new Player(session, config, live);
   update({
     initialized: true,
     live,