chore(marker-symbols): use style instead of svg attrs

2023-09-18 17:20:59 +02:00
parent 1695b2828f
commit 572505ea15
1 changed files with 9 additions and 5 deletions
@@ -8,10 +8,12 @@ type SymbolProps = Omit<EdgeMarker, 'type'>;
 const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
  return (
    <polyline
-      stroke={color}
+      style={{
+        stroke: color,
+        strokeWidth,
+      }}
      strokeLinecap="round"
      strokeLinejoin="round"
-      strokeWidth={strokeWidth}
      fill="none"
      points="-5,-4 0,0 -5,4"
    />
@@ -21,11 +23,13 @@ const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
 const ArrowClosedSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
  return (
    <polyline
-      stroke={color}
+      style={{
+        stroke: color,
+        fill: color,
+        strokeWidth,
+      }}
      strokeLinecap="round"
      strokeLinejoin="round"
-      strokeWidth={strokeWidth}
-      fill={color}
      points="-5,-4 0,0 -5,4 -5,-4"
    />
  );