fix: fix ids

statebacked · Sep 19, 2023 · c2e1bd5 · c2e1bd5
1 parent 1dc361b
commit c2e1bd5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/flow-graph/routing-layer/index.tsx b/src/components/flow-graph/routing-layer/index.tsx
@@ -35,8 +35,9 @@ export const RoutingLayer = ({
   return (
     <svg className={styles.routing}>
       {connectorPoss.map(({ connector }, connIdx) => {
-        const endMarkerId = `end-${sourceState}-${connIdx}`;
-        const startMarkerId = `start-${sourceState}-${connIdx}`;
+        const sourceId = sourceState.replace(/[^a-zA-Z0-9_-]/g, "-");
+        const endMarkerId = `end-${sourceId}-${connIdx}`;
+        const startMarkerId = `start-${sourceId}-${connIdx}`;
         const path = pointsToPath(connector.points);
         const reversePath = pointsToPath(
           Array.from(connector.points).reverse()

diff --git a/src/components/svg-flow-graph/routing-layer/index.tsx b/src/components/svg-flow-graph/routing-layer/index.tsx
@@ -34,8 +34,9 @@ export const RoutingLayer = ({
   return (
     <svg x1={0} y1={0} width="100%" height="100%">
       {connectorPoss.map(({ connector }, connIdx) => {
-        const endMarkerId = `end-${sourceState}-${connIdx}`;
-        const startMarkerId = `start-${sourceState}-${connIdx}`;
+        const sourceId = sourceState.replace(/[^a-zA-Z0-9_-]/g, "-");
+        const endMarkerId = `end-${sourceId}-${connIdx}`;
+        const startMarkerId = `start-${sourceId}-${connIdx}`;
         const path = pointsToPath(connector.points);
         const reversePath = pointsToPath(
           Array.from(connector.points).reverse()