diff --git a/src/GraphView/index.js b/src/GraphView/index.js index 0b2789f2..346c5555 100644 --- a/src/GraphView/index.js +++ b/src/GraphView/index.js @@ -24,7 +24,7 @@ const GraphView = memo((props) => { const updateSize = useStoreActions(actions => actions.updateSize); const setNodesSelection = useStoreActions(actions => actions.setNodesSelection); - const shiftPressed = useKeyPress('Shift'); + const selectionKeyPressed = useKeyPress(props.selectionKey); const updateDimensions = () => { const size = getDimensions(rendererNode.current); updateSize(size); @@ -39,7 +39,7 @@ const GraphView = memo((props) => { }; }, []); - useD3Zoom(zoomPane, props.onMove, shiftPressed); + useD3Zoom(zoomPane, props.onMove, selectionKeyPressed); useEffect(() => { if (state.d3Initialised) { @@ -66,7 +66,7 @@ const GraphView = memo((props) => { connectionLineType={props.connectionLineType} connectionLineStyle={props.connectionLineStyle} /> - {shiftPressed && } + {selectionKeyPressed && } {state.nodesSelectionActive && }
{ const nodeTypesParsed = useMemo(() => createNodeTypes(nodeTypes), []); const edgeTypesParsed = useMemo(() => createEdgeTypes(edgeTypes), []); @@ -45,6 +45,7 @@ const ReactGraph = ({ edgeTypes={edgeTypesParsed} connectionLineType={connectionLineType} connectionLineStyle={connectionLineStyle} + selectionKey={selectionKey} />