diff --git a/frontend/src/layout/navigation-3000/navigationLogic.tsx b/frontend/src/layout/navigation-3000/navigationLogic.tsx index 7256250703d80d..89bb606e7a4c36 100644 --- a/frontend/src/layout/navigation-3000/navigationLogic.tsx +++ b/frontend/src/layout/navigation-3000/navigationLogic.tsx @@ -12,19 +12,19 @@ import { sceneLogic } from 'scenes/sceneLogic' import { featureFlagLogic } from 'lib/logic/featureFlagLogic' import { FEATURE_FLAGS } from 'lib/constants' import { - IconHome, + IconApps, IconDashboard, IconDatabase, - IconApps, + IconGraph, + IconHome, + IconLive, + IconPeople, IconPerson, IconQuestion, - IconPeople, + IconRewindPlay, IconTestTube, IconToggle, - IconRewindPlay, - IconGraph, IconToolbar, - IconLive, } from '@posthog/icons' import { urls } from 'scenes/urls' import { annotationsSidebarLogic } from './sidebars/annotations' @@ -36,6 +36,8 @@ import { featureFlagsSidebarLogic } from './sidebars/featureFlags' import { insightsSidebarLogic } from './sidebars/insights' import { personsAndGroupsSidebarLogic } from './sidebars/personsAndGroups' import { toolbarSidebarLogic } from './sidebars/toolbar' +import { IconWeb } from 'lib/lemon-ui/icons' +import { isNotNil } from 'lib/utils' /** Multi-segment item keys are joined using this separator for easy comparisons. */ export const ITEM_KEY_PART_SEPARATOR = '::' @@ -330,6 +332,14 @@ export const navigation3000Logic = kea([ logic: isUsingSidebar ? insightsSidebarLogic : undefined, to: isUsingSidebar ? undefined : urls.savedInsights(), }, + featureFlags[FEATURE_FLAGS.WEB_ANALYTICS] + ? { + identifier: Scene.WebAnalytics, + label: 'Web Analytics', + icon: , + to: isUsingSidebar ? undefined : urls.webAnalytics(), + } + : null, { identifier: Scene.Replay, label: 'Session Replay', @@ -357,7 +367,7 @@ export const navigation3000Logic = kea([ logic: isUsingSidebar ? toolbarSidebarLogic : undefined, to: isUsingSidebar ? undefined : urls.toolbarLaunch(), }, - ], + ].filter(isNotNil), [ { identifier: Scene.Apps,