refactor(node-resizer): use nodeId from context, fix glitches while resizing

2022-12-06 17:56:56 +01:00
parent 8bca8e4bfc
commit 0892e2ea9a
17 changed files with 201 additions and 128 deletions
@@ -6,11 +6,17 @@ const lineControls: ControlLinePosition[] = ['top', 'right', 'bottom', 'left'];

 export default function NodeResizer({
  nodeId,
+  isVisible = true,
  handleClassName,
  handleStyle,
  lineClassName,
  lineStyle,
+  color,
 }: NodeResizerProps) {
+  if (!isVisible) {
+    return null;
+  }
+
  return (
    <>
      {lineControls.map((c) => (
@@ -21,10 +27,18 @@ export default function NodeResizer({
          nodeId={nodeId}
          position={c}
          variant={ResizeControlVariant.Line}
+          color={color}
        />
      ))}
      {handleControls.map((c) => (
-        <ResizeControl key={c} className={handleClassName} style={handleStyle} nodeId={nodeId} position={c} />
+        <ResizeControl
+          key={c}
+          className={handleClassName}
+          style={handleStyle}
+          nodeId={nodeId}
+          position={c}
+          color={color}
+        />
      ))}
    </>
  );