diff --git a/docs/app/_components/SiteMenu.tsx b/docs/app/_components/SiteMenu.tsx
index 70b88a79d7..e4e67650af 100644
--- a/docs/app/_components/SiteMenu.tsx
+++ b/docs/app/_components/SiteMenu.tsx
@@ -5,7 +5,7 @@ import { links, themeswitch } from '@/lib/commandlist';
import { siteConfig } from '@/lib/config';
import { iterateTokens } from '@/lib/utils';
import { Button, Dialog, Inline, Split, useClassNames } from '@/ui';
-import { Command, CommandGroup } from 'cmdk';
+import { Command, CommandGroup, useCommandState } from 'cmdk';
import { allContentPages } from 'contentlayer/generated';
import { useEffect, useState } from 'react';
import { useCopyToClipboard } from 'react-use';
@@ -39,18 +39,21 @@ const groupedPages = siteConfig.navigation.map(({ name, slug }) => {
const Hotkey = () => {
const mounted = useHasMounted();
-
if (!mounted) {
return null;
}
-
const isMacOS = window.navigator.userAgent.includes('Mac OS');
-
return ({isMacOS ? '⌘' : 'Ctrl+'}K);
};
// Component
// ---------------
+const SubItem = ({ ...props }) => {
+ const search = useCommandState(state => state.search);
+ if (!search) return null;
+ return ;
+};
+
export const SiteMenu = () => {
const router = useRouter();
const [open, setOpen] = useState(false);
@@ -89,16 +92,14 @@ export const SiteMenu = () => {
const classNames = useClassNames({ component: 'Menu', variant: 'command' });
const { current, themes } = useThemeSwitch();
+ const demos = Object.entries(registry);
+ demos.map(item => console.log(item[1]));
+
if (!current) {
return null;
}
-
const tokens = iterateTokens(themes[current].colors || {});
- const demos = Object.entries(registry);
-
- demos.map(item => console.log(item[1]));
- // console.log('#######', demos);
return (