Update storybook to render cloud links

elastic · Jul 14, 2023 · fda487c · fda487c
1 parent e394800
commit fda487c
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/packages/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx b/packages/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx
@@ -363,8 +363,20 @@ export const WithUIComponents = (args: NavigationServices) => {
           <Navigation.Group preset="ml" />
 
           <Navigation.Footer>
-            <Navigation.Group preset="devtools" />
-            <Navigation.Group preset="management" />
+            <Navigation.Group link="dev_tools" icon="editorCodeBlock" title="Developer tools" />
+            <Navigation.Group
+              id="project_settings_project_nav"
+              title="Project settings"
+              breadcrumbStatus="hidden"
+              icon="gear"
+            >
+              <Navigation.Group id="settings">
+                <Navigation.Item link="management" title="Management" />
+                <Navigation.Item id="cloudLinkUserAndRoles" cloudLink="userAndRoles" />
+                <Navigation.Item id="cloudLinkPerformance" cloudLink="performance" />
+                <Navigation.Item id="cloudLinkBilling" cloudLink="billingAndSub" />
+              </Navigation.Group>
+            </Navigation.Group>
           </Navigation.Footer>
         </Navigation>
       </NavigationProvider>