Klectr/KSlab
1
0
Fork 0
generated from Klectr/KTemplate
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat/context-menu #10

Merged
tristonarmstrong merged 2 commits from feat/context-menu into main 2024-10-12 17:32:33 +00:00
Conversation 0 Commits 2 Files Changed 6 +9 -1
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a2259f40ed - Show all commits

10
src/components/ContextMenuPortal.tsx
View File

@ -1,4 +1,4 @@
import { useClickOutside, useMouse } from "@kaioken-core/hooks"; import { useClickOutside, useKeyStroke, useMouse } from "@kaioken-core/hooks";
import { Portal, signal, useEffect, useRef } from "kaioken"; import { Portal, signal, useEffect, useRef } from "kaioken";
namespace ContextMenuPortal { namespace ContextMenuPortal {
@ -20,6 +20,14 @@ export function ContextMenuPortal({ children, open, closeAction }: ContextMenuPo
useEffect(() => { useEffect(() => {
if (!open) return if (!open) return
pos.value = { x: mouse.x, y: mouse.y } pos.value = { x: mouse.x, y: mouse.y }
function _handleEscapeKey(e: KeyboardEvent) {
if (e.key !== "Escape") return
closeAction?.()
}
document.addEventListener("keydown", _handleEscapeKey)
return () => {
document.removeEventListener("keydown", _handleEscapeKey)
}
}, [open]) }, [open])
if (!open) return null if (!open) return null