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