openreplay/frontend/app/components/Session/RightBlock.tsx

30 lines
782 B
TypeScript

import React from 'react'
import EventsBlock from '../Session_/EventsBlock';
import PageInsightsPanel from '../Session_/PageInsightsPanel/PageInsightsPanel'
import cn from 'classnames';
import stl from './rightblock.module.css';
function RightBlock(props: any) {
const { activeTab } = props;
if (activeTab === props.tabs.EVENTS) {
return (
<div className={cn("flex flex-col bg-white border-l", stl.panel)}>
<EventsBlock
setActiveTab={props.setActiveTab}
/>
</div>
)
}
if (activeTab === props.tabs.HEATMAPS) {
return (
<div className={cn("flex flex-col bg-white border-l", stl.panel)}>
<PageInsightsPanel setActiveTab={props.setActiveTab} />
</div>
)
}
return null
}
export default RightBlock