mirror/FossFLOW
1
0
Fork 0
mirror of https://github.com/stan-smith/FossFLOW.git synced 2025-12-28 17:09:25 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: fixes issue with context menu not displaying correctly when zoomed out

Browse Source
This commit is contained in:
Mark Mankarious
2023-11-01 17:27:00 +00:00
parent 8f24381e1b
commit 721e78ae43
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ContextMenu/ContextMenuManager.tsx
View File

@@ -1,6 +1,6 @@
import React, { useCallback } from 'react';
import { useUiStateStore } from 'src/stores/uiStateStore';
import { getTilePosition } from 'src/utils';
import { getTilePosition, CoordsUtils } from 'src/utils';
import { useScene } from 'src/hooks/useScene';
import { ContextMenu } from './ContextMenu';
@@ -10,6 +10,9 @@ interface Props {
export const ContextMenuManager = ({ anchorEl }: Props) => {
const scene = useScene();
const zoom = useUiStateStore((state) => {
return state.zoom;
});
const contextMenu = useUiStateStore((state) => {
return state.contextMenu;
});
@@ -30,7 +33,10 @@ export const ContextMenuManager = ({ anchorEl }: Props) => {
<ContextMenu
anchorEl={anchorEl}
onClose={onClose}
position={getTilePosition({ tile: contextMenu.tile })}
position={CoordsUtils.multiply(
getTilePosition({ tile: contextMenu.tile }),
zoom
)}
menuItems={[
{
label: 'Send backward',