feat: Move web analytics to segmented button (#19475)

PostHog · Dec 21, 2023 · 2f142b1 · 2f142b1
1 parent 41fa973
commit 2f142b1
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/frontend/src/scenes/web-analytics/WebTabs.tsx b/frontend/src/scenes/web-analytics/WebTabs.tsx
@@ -1,4 +1,4 @@
-import { LemonSelect, LemonTabs } from '@posthog/lemon-ui'
+import { LemonSegmentedButton, LemonSelect } from '@posthog/lemon-ui'
 import clsx from 'clsx'
 import React from 'react'
 
@@ -29,12 +29,11 @@ export const WebTabs = ({
                         options={tabs.map(({ id, linkText }) => ({ value: id, label: linkText }))}
                     />
                 ) : (
-                    <LemonTabs
-                        inline
-                        borderless
-                        activeKey={activeTabId}
-                        onChange={setActiveTabId}
-                        tabs={tabs.map(({ id, linkText }) => ({ key: id, label: linkText }))}
+                    <LemonSegmentedButton
+                        size="small"
+                        options={tabs.map(({ id, linkText }) => ({ label: linkText, value: id }))}
+                        onChange={(value) => setActiveTabId(value)}
+                        value={activeTabId}
                     />
                 )}
             </div>