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

chore(examples): cleanup

Browse Source
This commit is contained in:
moklick
2024-09-02 14:44:30 +02:00
parent 5bbc9fb09c
commit da72048a78
1 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
examples/react/src/examples/ControlledViewport/index.tsx
View File

@@ -1,4 +1,4 @@
import { MouseEvent, useCallback, useRef, useState } from 'react';
import { useCallback, useState } from 'react';
import {
ReactFlow,
addEdge,
@@ -52,7 +52,7 @@ const initEdges: Edge[] = [
];
const Flow = () => {
const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
const [nodes, _, onNodesChange] = useNodesState(initNodes);
const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
const [viewport, setViewport] = useState<Viewport>({ x: 0, y: 0, zoom: 1 });
const [viewport2, setViewport2] = useState<Viewport>({ x: 100, y: 100, zoom: 1.5 });
@@ -63,10 +63,6 @@ const Flow = () => {
const setter = currentViewport === 0 ? setViewport : setViewport2;
const toggleViewport = () => {
setCurrentViewport(currentViewport === 0 ? 1 : 0);
};
return (
<ReactFlow
nodes={nodes}
@@ -80,7 +76,7 @@ const Flow = () => {
<Panel position="top-left">
<button onClick={() => setter((vp) => ({ ...vp, y: vp.y + 10 }))}>update viewport</button>
<button onClick={() => fitView()}>fitView</button>
<button onClick={() => toggleViewport()}>toggle viewport</button>
<button onClick={() => setCurrentViewport(currentViewport === 0 ? 1 : 0)}>toggle viewport</button>
</Panel>
<MiniMap />