diff --git a/app/command-menu.tsx b/app/command-menu.tsx index 7d9dcb8..f77125c 100644 --- a/app/command-menu.tsx +++ b/app/command-menu.tsx @@ -15,8 +15,8 @@ import { import { useFavorites } from "@/modules/favorites/use-favorites"; import { celebrate } from "@/utils/confetti"; import { useTheme } from "next-themes"; -import { useRouter } from "next/navigation"; -import { useEffect } from "react"; +import { usePathname, useRouter, useSearchParams } from "next/navigation"; +import { useEffect, useState } from "react"; interface CommandMenuProps { linkGroups: { name: string; links: { id: string; title: string; url: string }[] }[]; @@ -24,7 +24,19 @@ interface CommandMenuProps { export function CommandMenu({ linkGroups }: CommandMenuProps) { const router = useRouter(); + const pathname = usePathname(); + const q = useSearchParams().get("q"); + const [commandInputText, setCommandInputText] = useState(q ?? ""); + const { isCommandMenuOpen, setIsCommandMenuOpen } = useCommandMenu(); + + useEffect(() => { + if (q) { + setIsCommandMenuOpen(true); + router.push(pathname); + } + }, []); + const { favorites } = useFavorites(); const { theme, setTheme } = useTheme(); @@ -49,7 +61,11 @@ export function CommandMenu({ linkGroups }: CommandMenuProps) { return ( <> - + setCommandInputText(s)} + /> No results found. {linkGroups.map((group) => {