fix(ui): live session fixes
This commit is contained in:
parent
02c87d237d
commit
6e24da549a
2 changed files with 21 additions and 12 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue