From 6e24da549a934a78cd01046a9caa66cbb6b94931 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 27 May 2022 12:30:50 +0200
Subject: [PATCH] fix(ui): live session fixes

---
 frontend/app/components/Session/LivePlayer.js  | 15 +++++++++++----
 .../components/Session_/PlayerBlockHeader.js   | 18 ++++++++++--------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/frontend/app/components/Session/LivePlayer.js b/frontend/app/components/Session/LivePlayer.js
index 8d9892b58..1106f6dfa 100644
--- a/frontend/app/components/Session/LivePlayer.js
+++ b/frontend/app/components/Session/LivePlayer.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { connect } from 'react-redux';
 import { Loader } from 'UI';
 import { toggleFullscreen, closeBottomBlock } from 'Duck/components/player';
@@ -17,7 +17,7 @@ import PlayerBlock from '../Session_/PlayerBlock';
 import styles from '../Session_/session.module.css';
 
 
-const InitLoader = connectPlayer(state => ({ 
+const InitLoader = connectPlayer(state => ({
   loading: !state.initialized
 }))(Loader);
 
@@ -41,12 +41,19 @@ function LivePlayer ({ session, toggleFullscreen, closeBottomBlock, fullscreen,
     }
   }, [])
 
+  const TABS = {
+    EVENTS: 'Events',
+    HEATMAPS: 'Click Map',
+  }
+  const [activeTab, setActiveTab] = useState('');
+
+
   return (
     <PlayerProvider>
       <InitLoader className="flex-1 p-3">
-        <PlayerBlockHeader fullscreen={fullscreen} />
+      <PlayerBlockHeader activeTab={activeTab} setActiveTab={setActiveTab} tabs={TABS} fullscreen={fullscreen}/>
         <div className={ styles.session } data-fullscreen={fullscreen}>
-          <PlayerBlock />
+            <PlayerBlock />
         </div>
       </InitLoader>
     </PlayerProvider>
diff --git a/frontend/app/components/Session_/PlayerBlockHeader.js b/frontend/app/components/Session_/PlayerBlockHeader.js
index aecfbbb8b..11d63458f 100644
--- a/frontend/app/components/Session_/PlayerBlockHeader.js
+++ b/frontend/app/components/Session_/PlayerBlockHeader.js
@@ -137,14 +137,16 @@ export default class PlayerBlockHeader extends React.PureComponent {
             { !isAssist && jiraConfig && jiraConfig.token && <Issues sessionId={ sessionId } /> }
           </div>
         </div>
-        <div className="relative border-l" style={{ minWidth: '270px' }}>
-          <Tabs
-            tabs={ TABS }
-            active={ activeTab }
-            onClick={ (tab) => { setActiveTab(tab); !showEvents && toggleEvents(true) } }
-            border={ true }
-          />
-        </div>
+        {!isAssist && (
+          <div className="relative border-l" style={{ minWidth: '270px' }}>
+            <Tabs
+              tabs={ TABS }
+              active={ activeTab }
+              onClick={ (tab) => { setActiveTab(tab); !showEvents && toggleEvents(true) } }
+              border={ true }
+            />
+          </div>
+        )}
       </div>
     );
   }