chore(figma-controls): cleanup

This commit is contained in:
moklick
2022-12-12 16:52:31 +01:00
parent ee2f39f2fe
commit 0a2529d26e
4 changed files with 9 additions and 26 deletions
+3 -19
View File
@@ -1,12 +1,4 @@
import ReactFlow, {
ReactFlowProvider,
Background,
BackgroundVariant,
Node,
Edge,
useKeyPress,
SelectionMode,
} from 'reactflow';
import ReactFlow, { Background, BackgroundVariant, Node, Edge, SelectionMode } from 'reactflow';
const MULTI_SELECT_KEY = ['Meta', 'Shift'];
@@ -23,15 +15,13 @@ const initialEdges: Edge[] = [
];
const BasicFlow = () => {
const spaceBarPressed = useKeyPress('Space');
return (
<ReactFlow
defaultNodes={initialNodes}
defaultEdges={initialEdges}
selectionOnDrag
selectionMode={SelectionMode.Partial}
panOnDrag={spaceBarPressed ? true : 'RightClick'}
panOnDrag="RightClick"
panOnScroll
zoomActivationKeyCode="Meta"
multiSelectionKeyCode={MULTI_SELECT_KEY}
@@ -43,10 +33,4 @@ const BasicFlow = () => {
);
};
export default function App() {
return (
<ReactFlowProvider>
<BasicFlow />
</ReactFlowProvider>
);
}
export default BasicFlow;
@@ -1,4 +1,4 @@
import { CSSProperties, useCallback, useState } from 'react';
import { useCallback, useState } from 'react';
import ReactFlow, { Controls, addEdge, Position, Connection, useNodesState, useEdgesState, Panel } from 'reactflow';
import NodeResizerNode from './NodeResizerNode';