crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 16:07:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added CMD+K command to open search modal

Browse Source
This commit is contained in:
Henrik Larsson 2023-08-14 13:37:43 +02:00
parent e45ccb5ff8
commit 31b5f2a8b9
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/layout/header/search/modal.tsx
View File

@ -3,7 +3,7 @@
import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet'; import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet';
import Text from '@/components/ui/text/text'; import Text from '@/components/ui/text/text';
import { useTranslations } from 'next-intl'; import { useTranslations } from 'next-intl';
import { useState } from 'react'; import { useState, useEffect } from 'react';
import OpenSearch from './open-search'; import OpenSearch from './open-search';
import { Highlight, Hits } from 'react-instantsearch'; import { Highlight, Hits } from 'react-instantsearch';
@ -15,6 +15,14 @@ export default function SearchModal() {
const [isOpen, setIsOpen] = useState(false); const [isOpen, setIsOpen] = useState(false);
const t = useTranslations('search'); const t = useTranslations('search');
useEffect(() => {
window.addEventListener('keydown', (e) => {
if (e.code === 'KeyK' && e.metaKey) {
setIsOpen(!isOpen);
}
});
});
const Hit = (props: any) => { const Hit = (props: any) => {
const { hit } = props; const { hit } = props;
const { handle, price } = props.hit; const { handle, price } = props.hit;