fix(ui): live session fixes

This commit is contained in:
sylenien 2022-05-27 12:30:50 +02:00 committed by Delirium
parent 02c87d237d
commit 6e24da549a
2 changed files with 21 additions and 12 deletions

View file

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

View file

@ -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>
);
}