change(ui) - new badge for assist and heatmaps
This commit is contained in:
parent
36531b8f55
commit
440f104baa
3 changed files with 16 additions and 9 deletions
|
|
@ -7,6 +7,7 @@ import { fetchWatchdogStatus } from 'Duck/watchdogs';
|
|||
import { setActiveFlow, clearEvents } from 'Duck/filters';
|
||||
import { setActiveTab } from 'Duck/sessions';
|
||||
import { issues_types } from 'Types/session/issue'
|
||||
import NewBadge from 'Shared/NewBadge';
|
||||
|
||||
function SessionsMenu(props) {
|
||||
const {
|
||||
|
|
@ -75,11 +76,15 @@ function SessionsMenu(props) {
|
|||
<div className={stl.divider} />
|
||||
<div className="my-3">
|
||||
<SideMenuitem
|
||||
title="Assist"
|
||||
title={ <div className="flex items-center">
|
||||
<div>Assist</div>
|
||||
<div className="ml-2">{ <NewBadge />}</div>
|
||||
</div> }
|
||||
iconName="person"
|
||||
active={activeTab.type === 'live'}
|
||||
onClick={() => onMenuItemClick({ name: 'Assist', type: 'live' })}
|
||||
/>
|
||||
|
||||
</div>
|
||||
|
||||
<div className={stl.divider} />
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ import PageInsightsPanel from '../Session_/PageInsightsPanel/PageInsightsPanel'
|
|||
import { Controls as PlayerControls } from 'Player';
|
||||
import { Tabs } from 'UI';
|
||||
import { connectPlayer } from 'Player';
|
||||
import NewBadge from 'Shared/NewBadge';
|
||||
|
||||
const EVENTS = 'Events';
|
||||
const HEATMAPS = 'Heatmaps';
|
||||
|
|
@ -29,12 +30,15 @@ export default function RightBlock() {
|
|||
}
|
||||
return (
|
||||
<div style={{ width: '270px', height: 'calc(100vh- 50px)'}} className="flex flex-col">
|
||||
<Tabs
|
||||
tabs={ TABS }
|
||||
active={ activeTab }
|
||||
onClick={ (tab) => setActiveTab(tab) }
|
||||
border={ true }
|
||||
/>
|
||||
<div className="relative">
|
||||
<Tabs
|
||||
tabs={ TABS }
|
||||
active={ activeTab }
|
||||
onClick={ (tab) => setActiveTab(tab) }
|
||||
border={ true }
|
||||
/>
|
||||
<div className="absolute right-0 top-0 mt-4 pr-4">{ <NewBadge />}</div>
|
||||
</div>
|
||||
{
|
||||
renderActiveTab(activeTab)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,7 +19,6 @@ import { funnel as funnelRoute, withSiteId } from 'App/routes';
|
|||
import Event, { TYPES } from 'Types/filter/event';
|
||||
import FunnelMenuItem from 'Components/Funnels/FunnelMenuItem';
|
||||
import FunnelSaveModal from 'Components/Funnels/FunnelSaveModal';
|
||||
import NewBadge from 'Shared/NewBadge';
|
||||
import { blink as setBlink } from 'Duck/funnels';
|
||||
|
||||
const DEFAULT_VISIBLE = 3;
|
||||
|
|
@ -98,7 +97,6 @@ class SavedSearchList extends React.Component {
|
|||
onClick={ this.createHandler }
|
||||
/>
|
||||
)}
|
||||
<div className="ml-2">{ <NewBadge />}</div>
|
||||
</div>
|
||||
</div>
|
||||
{ funnels.size === 0 &&
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue