diff --git a/frontend/src/layout/navigation-3000/navigationLogic.tsx b/frontend/src/layout/navigation-3000/navigationLogic.tsx index 7256250703d80..31eb62df2a7bb 100644 --- a/frontend/src/layout/navigation-3000/navigationLogic.tsx +++ b/frontend/src/layout/navigation-3000/navigationLogic.tsx @@ -12,19 +12,20 @@ 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, + IconPieChart, IconQuestion, - IconPeople, + IconRewindPlay, IconTestTube, IconToggle, - IconRewindPlay, - IconGraph, IconToolbar, - IconLive, } from '@posthog/icons' import { urls } from 'scenes/urls' import { annotationsSidebarLogic } from './sidebars/annotations' @@ -36,6 +37,7 @@ import { featureFlagsSidebarLogic } from './sidebars/featureFlags' import { insightsSidebarLogic } from './sidebars/insights' import { personsAndGroupsSidebarLogic } from './sidebars/personsAndGroups' import { toolbarSidebarLogic } from './sidebars/toolbar' +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, diff --git a/package.json b/package.json index 85796f23468b3..7ad41eeecfa3e 100644 --- a/package.json +++ b/package.json @@ -74,7 +74,7 @@ "@medv/finder": "^2.1.0", "@microlink/react-json-view": "^1.21.3", "@monaco-editor/react": "4.4.6", - "@posthog/icons": "0.1.4", + "@posthog/icons": "0.1.21", "@posthog/plugin-scaffold": "^1.4.3", "@react-hook/size": "^2.1.2", "@rrweb/types": "^2.0.0-alpha.11", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ba38929ba6fa4..728094be3f4de 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -36,8 +36,8 @@ dependencies: specifier: 4.4.6 version: 4.4.6(monaco-editor@0.39.0)(react-dom@16.14.0)(react@16.14.0) '@posthog/icons': - specifier: 0.1.4 - version: 0.1.4(react-dom@16.14.0)(react@16.14.0) + specifier: 0.1.21 + version: 0.1.21(react-dom@16.14.0)(react@16.14.0) '@posthog/plugin-scaffold': specifier: ^1.4.3 version: 1.4.3 @@ -3348,8 +3348,8 @@ packages: resolution: {integrity: sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==} dev: false - /@posthog/icons@0.1.4(react-dom@16.14.0)(react@16.14.0): - resolution: {integrity: sha512-pSC+6kmg+myTQ4Qdq/jgW5SmD8+NaIL+BNAG2FD+d08W/TdMhDQ77RaJSnNS3jsExHRuebIYQrfaD3dWYf50rg==} + /@posthog/icons@0.1.21(react-dom@16.14.0)(react@16.14.0): + resolution: {integrity: sha512-tHOSgGyU8LLZzbW0N6OAXkzvcSiQO5aBv8bErdL8tSQd9mE1efSTJNDg8WzFk9xP7AmVmwwqiqt0b4PLXL7kJQ==} peerDependencies: react: '>=16.14.0' react-dom: '>=16.14.0'