change(ui) - new badge for assist and heatmaps

This commit is contained in:
Shekar Siri 2021-09-07 18:45:57 +05:30
parent 36531b8f55
commit 440f104baa
3 changed files with 16 additions and 9 deletions

View file

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

View file

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

View file

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