fix examples/extend-graphql-subscriptions

keystonejs · Aug 21, 2024 · d5738b8 · d5738b8
1 parent a32f5cd
commit d5738b8
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 7 deletions.
diff --git a/examples/extend-graphql-subscriptions/admin/components/CustomNavigation.tsx b/examples/extend-graphql-subscriptions/admin/components/CustomNavigation.tsx
@@ -1,15 +1,33 @@
 import React from 'react'
 
-import { ListNavItems, NavigationContainer, NavItem } from '@keystone-6/core/admin-ui/components'
-
+import { Divider } from '@keystar/ui/layout'
+import {
+  getHrefFromList,
+  DeveloperResourcesMenu,
+  NavContainer,
+  NavFooter,
+  NavList,
+  NavItem,
+} from '@keystone-6/core/admin-ui/components'
 import type { NavigationProps } from '@keystone-6/core/admin-ui/components'
 
 export function CustomNavigation ({ lists }: NavigationProps) {
   return (
-    <NavigationContainer>
-      <NavItem href="/">Dashboard</NavItem>
-      <ListNavItems lists={lists} />
-      <NavItem href="/subscriptions">Subscriptions Page</NavItem>
-    </NavigationContainer>
+    <NavContainer>
+      <NavList>
+        <NavItem href='/'>Dashboard</NavItem>
+        <NavItem href='/subscriptions'>Subscriptions Page</NavItem>
+        <Divider />
+        {lists.map((list) => (
+          <NavItem key={list.key} href={getHrefFromList(list)}>
+            {list.label}
+          </NavItem>
+        ))}
+      </NavList>
+
+      <NavFooter>
+        <DeveloperResourcesMenu />
+      </NavFooter>
+    </NavContainer>
   )
 }
diff --git a/examples/extend-graphql-subscriptions/package.json b/examples/extend-graphql-subscriptions/package.json
@@ -13,6 +13,7 @@
     "@apollo/client": "^3.7.0",
     "@emotion/css": "^11.7.1",
     "@graphql-tools/schema": "^9.0.0",
+    "@keystar/ui": "^0.7.6",
     "@keystone-6/core": "^6.2.0",
     "@keystone-ui/button": "^7.0.2",
     "@keystone-ui/core": "^5.0.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml