alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(custom-minimap-node-example): cleanup

Browse Source
This commit is contained in:
moklick
2023-03-13 13:08:29 +01:00
parent 8b9f2a8f01
commit 84ffe34f87
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
examples/vite-app/src/examples/CustomMiniMapNode/index.tsx
View File

@@ -8,6 +8,7 @@ import ReactFlow, {
Controls,
Edge,
MiniMap,
MiniMapNodeProps,
Node,
ReactFlowInstance,
useEdgesState,
@@ -25,6 +26,10 @@ const buttonStyle: CSSProperties = {
zIndex: 4,
};
const CustomMiniMapNode = ({ x, y, width, height, color }: MiniMapNodeProps) => (
<circle cx={x} cy={y} r={Math.max(width, height) / 2} fill={color} />
);
const CustomMiniMapNodeFlow = () => {
const [nodes, setNodes, onNodesChange] = useNodesState([]);
const [edges, setEdges, onEdgesChange] = useEdgesState([]);
@@ -66,8 +71,4 @@ const CustomMiniMapNodeFlow = () => {
);
};
const CustomMiniMapNode = ({ x, y, width, height }) => (
<circle cx={x} cy={y} r={Math.max(width, height)} />
)
export default CustomMiniMapNodeFlow;