fix(edges): add suport for className in baseEdge and remove unecessary render

2023-12-13 10:42:04 -03:00
parent 58ad111ec3
commit fe3fe65c10
3 changed files with 26 additions and 18 deletions
@@ -2,6 +2,7 @@ import { isNumeric } from '@xyflow/system';

 import type { BaseEdgeProps } from '../../types';
 import EdgeText from './EdgeText';
+import classcat from 'classcat';

 const BaseEdge = ({
  id,
@@ -17,6 +18,7 @@ const BaseEdge = ({
  style,
  markerEnd,
  markerStart,
+  className,
  interactionWidth = 20,
 }: BaseEdgeProps) => {
  return (
@@ -26,7 +28,7 @@ const BaseEdge = ({
        style={style}
        d={path}
        fill="none"
-        className="react-flow__edge-path"
+        className={classcat(['react-flow__edge-path', className])}
        markerEnd={markerEnd}
        markerStart={markerStart}
      />