PulseApp/docs
PulseApp/docs
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Activity

fix search dialog opening multiple times via the keybind

Browse Source 
Took 5 minutes
This commit is contained in:
Braydon 2024-10-07 12:01:38 -04:00
parent 83ea83bd18
commit fe56169874
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/navbar/navbar.tsx
View File

@ -30,7 +30,7 @@ const Navbar = (): ReactElement => {
<div className="flex gap-5 sm:gap-7 items-center transition-all transform-gpu"> <div className="flex gap-5 sm:gap-7 items-center transition-all transform-gpu">
{/* Search */} {/* Search */}
<div className="hidden xs:flex"> <div className="hidden xs:flex">
<QuickSearchDialog pages={pages} /> <QuickSearchDialog pages={pages} bindKeybind />
</div> </div>
{/* Social */} {/* Social */}

5
src/components/navbar/search-dialog.tsx
View File

@ -21,14 +21,19 @@ import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.share
*/ */
const QuickSearchDialog = ({ const QuickSearchDialog = ({
pages, pages,
bindKeybind = false,
}: { }: {
pages: DocsContentMetadata[]; pages: DocsContentMetadata[];
bindKeybind?: boolean;
}): ReactElement => { }): ReactElement => {
const [open, setOpen] = useState<boolean>(false); const [open, setOpen] = useState<boolean>(false);
const router: AppRouterInstance = useRouter(); const router: AppRouterInstance = useRouter();
// Listen for CTRL + K keybinds to open this dialog // Listen for CTRL + K keybinds to open this dialog
useEffect(() => { useEffect(() => {
if (!bindKeybind) {
return;
}
const handleKeyDown = (event: KeyboardEvent): void => { const handleKeyDown = (event: KeyboardEvent): void => {
if ((event.ctrlKey || event.metaKey) && event.key === "k") { if ((event.ctrlKey || event.metaKey) && event.key === "k") {
event.preventDefault(); event.preventDefault();