fix @keystone-6/example-custom-admin-ui-navigation

examples/custom-admin-ui-navigation/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='https://keystonejs.com'>Keystone Docs</NavItem>
-    </NavigationContainer>
+    <NavContainer>
+      <NavList>
+        <NavItem href='/'>Dashboard</NavItem>
+        <NavItem href='https://keystonejs.com'>Keystone Docs</NavItem>
+        <Divider />
+        {lists.map((list) => (
+          <NavItem key={list.key} href={getHrefFromList(list)}>
+            {list.label}
+          </NavItem>
+        ))}
+      </NavList>
+
+      <NavFooter>
+        <DeveloperResourcesMenu />
+      </NavFooter>
+    </NavContainer>
   )
 }

examples/custom-admin-ui-navigation/package.json

@@ -10,6 +10,7 @@
     "postinstall": "keystone postinstall"
   },
   "dependencies": {
+    "@keystar/ui": "^0.7.6",
     "@keystone-6/core": "^6.2.0",
     "@prisma/client": "5.17.0",
     "react": "^18.3.1"