openreplay/frontend/app/components/Session_/PlayerBlock.js

34 lines
1.1 KiB
JavaScript

import React from 'react';
import cn from 'classnames';
import { connect } from 'react-redux';
import Player from './Player';
import SubHeader from './Subheader';
import styles from './playerBlock.module.css';
@connect((state) => ({
fullscreen: state.getIn(['components', 'player', 'fullscreen']),
sessionId: state.getIn(['sessions', 'current', 'sessionId']),
disabled: state.getIn(['components', 'targetDefiner', 'inspectorMode']),
jiraConfig: state.getIn(['issues', 'list']).first(),
}))
export default class PlayerBlock extends React.PureComponent {
render() {
const { fullscreen, sessionId, disabled, activeTab, jiraConfig, fullView = false } = this.props;
return (
<div className={cn(styles.playerBlock, 'flex flex-col overflow-x-hidden')}>
{!fullscreen && !fullView && (
<SubHeader sessionId={sessionId} disabled={disabled} jiraConfig={jiraConfig} />
)}
<Player
className="flex-1"
// bottomBlockIsActive={ true }
fullscreen={fullscreen}
activeTab={activeTab}
fullView={fullView}
/>
</div>
);
}
}