/
githubmirror
/
screenshot-to-code
Обзор
Документация
Войти
/
githubmirror
/
screenshot-to-code
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
frontend/src/components/select-and-edit/useEscapeToExitSelectMode.ts
18 строк
664 B
Abi Raja
Exit select mode with Escape and make selection distinct from hover
12 июн 2026, 13:36
12 июн 2026, 13:36
6f28e31
Код
Авторство
О чём код?
import { useEffect } from "react"; import { useAppStore } from "../../store/app-store"; // Escape exits select-and-edit mode. Key presses inside the preview iframe // are handled in PreviewComponent; this covers the rest of the app. export function useEscapeToExitSelectMode() { useEffect(() => { const onKeyDown = (event: KeyboardEvent) => { if (event.key !== "Escape") return; const store = useAppStore.getState(); if (store.inSelectAndEditMode) { store.disableInSelectAndEditMode(); } }; window.addEventListener("keydown", onKeyDown); return () => window.removeEventListener("keydown", onKeyDown); }, []); }