Fixes groups and add storiees

frontend/src/scenes/persons-management/PersonsManagementScene.stories.tsx

@@ -0,0 +1,37 @@
+import { Meta, StoryFn } from '@storybook/react'
+import { router } from 'kea-router'
+import { useEffect } from 'react'
+import { App } from 'scenes/App'
+import { urls } from 'scenes/urls'
+
+const meta: Meta = {
+    title: 'Scenes-App/Persons & Groups',
+    parameters: {
+        layout: 'fullscreen',
+        viewMode: 'story',
+        mockDate: '2023-07-04', // To stabilize relative dates
+    },
+    decorators: [],
+}
+export default meta
+
+export const Persons: StoryFn = () => {
+    useEffect(() => {
+        router.actions.push(urls.persons())
+    }, [])
+    return <App />
+}
+
+export const Cohorts: StoryFn = () => {
+    useEffect(() => {
+        router.actions.push(urls.cohorts())
+    }, [])
+    return <App />
+}
+
+export const Groups: StoryFn = () => {
+    useEffect(() => {
+        router.actions.push(urls.groups(0))
+    }, [])
+    return <App />
+}

frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx

@@ -95,7 +95,7 @@ export const personsManagementSceneLogic = kea<personsManagementSceneLogicType>(
                     ...(showGroupsIntroductionPage
                         ? [
                               {
-                                  key: 'groups-intro',
+                                  key: 'groups-0',
                                   label: 'Groups',
                                   url: urls.groups(0),
                                   content: <Groups groupTypeIndex={0} />,
@@ -137,6 +137,7 @@ export const personsManagementSceneLogic = kea<personsManagementSceneLogicType>(
     }),
     actionToUrl(({ values }) => ({
         setTabKey: ({ tabKey }) => {
+            console.log(values.tabs, tabKey)
             return values.tabs.find((x) => x.key === tabKey)?.url || values.tabs[0].url
         },
     })),