starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-28 04:11:16 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Better performance on large workspaces

Browse Source
This commit is contained in:
Gregory Schier
2024-06-21 10:53:11 -07:00
parent 5722880890
commit 151450f55b
3 changed files with 231 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src-web/components/core/Dropdown.tsx
View File

@@ -167,32 +167,34 @@ export const Dropdown = forwardRef<DropdownRef, DropdownProps>(function Dropdown
});
interface ContextMenuProps {
show: { x: number; y: number } | null;
triggerPosition: { x: number; y: number } | null;
className?: string;
items: DropdownProps['items'];
onClose: () => void;
}
export const ContextMenu = forwardRef<DropdownRef, ContextMenuProps>(function ContextMenu(
{ show, className, items, onClose },
{ triggerPosition, className, items, onClose },
ref,
) {
const triggerShape = useMemo(
() => ({
top: show?.y ?? 0,
bottom: show?.y ?? 0,
left: show?.x ?? 0,
right: show?.x ?? 0,
top: triggerPosition?.y ?? 0,
bottom: triggerPosition?.y ?? 0,
left: triggerPosition?.x ?? 0,
right: triggerPosition?.x ?? 0,
}),
[show],
[triggerPosition],
);
if (triggerPosition == null) return null;
return (
<Menu
isOpen // Always open because we return null if not
className={className}
ref={ref}
items={items}
isOpen={show != null}
onClose={onClose}
triggerShape={triggerShape}
/>