chore(node-toolbar): cleanup

This commit is contained in:
moklick
2022-11-25 21:35:39 +01:00
parent ec94d9ecdc
commit 1363d1e398
2 changed files with 15 additions and 9 deletions
@@ -1,13 +1,17 @@
import { NodeToolbar, useNodes } from 'reactflow';
import { NodeToolbar, ReactFlowState, useStore } from 'reactflow';
const selectedNodesSelector = (state: ReactFlowState) =>
Array.from(state.nodeInternals.values())
.filter((node) => node.selected)
.map((node) => node.id);
export default function SelectedNodesToolbar() {
const nodes = useNodes();
const selectedNodeIds = nodes.filter((node) => node.selected).map((node) => node.id);
const selectedNodeIds = useStore(selectedNodesSelector);
const isVisible = selectedNodeIds.length > 1;
return (
<NodeToolbar nodeId={selectedNodeIds} isVisible={isVisible}>
<button>Group selected nodes</button>
<button>Selection action</button>
</NodeToolbar>
);
}