chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

some restructuring and added a color-scheme-picker

Browse source
This commit is contained in:
Chris Kruining 2024-10-28 14:15:41 +01:00
parent c02fb2d924
commit fa9264326b
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
11 changed files with 137 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/features/menu/index.tsx
View file

@ -189,10 +189,9 @@ declare module "solid-js" {
}
}
export const asMenuRoot = (element: Element) => {
const Mount: Component = (props) => {
const menu = useMenu();
const c = 'menu-root';
const listener = (e: KeyboardEvent) => {
const key = e.key.toLowerCase();
const modifiers =
@ -214,20 +213,10 @@ export const asMenuRoot = (element: Element) => {
return false;
};
onMount(() => {
element.classList.add(c);
document.addEventListener('keydown', listener);
});
onCleanup(() => {
element.classList.remove(c);
document.removeEventListener('keydown', listener);
});
menu.setRef(element);
return <div class={css.root} ref={menu.setRef} onKeyDown={listener}></div>;
};
export const Menu = { Root, Item, Separator } as const;
export const Menu = { Mount, Root, Item, Separator } as const;
export interface CommandPaletteApi {
readonly open: Accessor<boolean>;