@@ -346,6 +346,15 @@ const GameGraph = () => { const [nodeMenu, setNodeMenu] = useState(null) const handleNodeMenu = useCallback( (node, { x, y }) => { + console.log('┍━━━━━setNodeMenu━━━━━━━━━━━━━━━━━━━━┑') + console.log({ + node, + position: { + x, + y, + }, + }) + console.log('┕━━━━━━━━━━━━━━━━━━━━━━━━━┙') setNodeMenu({ node, position: { @@ -440,13 +449,13 @@ const GameGraph = () => { document.addEventListener('mousemove', handleMouseMove) document.addEventListener('mouseup', handleMouseUp) document.addEventListener('click', hideNodeMenu) - document.addEventListener('contextmenu', hideNodeMenu) + // document.addEventListener('contextmenu', hideNodeMenu) return () => { document.removeEventListener('mousemove', handleMouseMove) document.removeEventListener('mouseup', handleMouseUp) document.removeEventListener('click', hideNodeMenu) - document.removeEventListener('contextmenu', hideNodeMenu) + // document.removeEventListener('contextmenu', hideNodeMenu) } }, []) @@ -682,8 +691,8 @@ const GameGraph = () => { ) : null} - {nodeMenu !== null ? ( -

+ {nodeMenu !== null ? (

{

- - ) : null} + ) : null} +

Goban SGF