[camel-karavan] branch main updated: Curves (#164)

[marat]

This is an automated email from the ASF dual-hosted git repository.

marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git


The following commit(s) were added to refs/heads/main by this push:
     new 933fbc3  Curves (#164)
933fbc3 is described below

commit 933fbc3cc0537e862161b0249fc7043e9c905af2
Author: Marat Gubaidullin <marat.gubaidul...@gmail.com>
AuthorDate: Mon Jan 31 18:02:47 2022 -0500

    Curves (#164)
---
 karavan-designer/src/designer/DslConnections.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/karavan-designer/src/designer/DslConnections.tsx 
b/karavan-designer/src/designer/DslConnections.tsx
index 3ad074f..0a92bd9 100644
--- a/karavan-designer/src/designer/DslConnections.tsx
+++ b/karavan-designer/src/designer/DslConnections.tsx
@@ -162,11 +162,14 @@ export class DslConnections extends 
React.Component<Props, State> {
                 }
             }
 
+            const lineXi = lineX1 + 40;
+            const lineYi = lineY2;
+
             return (
                 <g key={pos.step.uuid + "-outgoing"}>
                     <circle cx={outgoingX} cy={outgoingY} r={r} 
className="circle-outgoing"/>
                     <image x={imageX} y={imageY} href={image} 
className="icon"/>
-                    <path d={`M ${lineX1},${lineY1} C ${lineX1 + 
100},${lineY1} ${lineX1},${lineY2}   ${lineX2},${lineY2}`}
+                    <path d={`M ${lineX1},${lineY1} C ${lineXi - 20}, 
${lineY1} ${lineX1 - 15},${lineYi} ${lineXi},${lineYi} L ${lineX2},${lineY2}`}
                           className="path-incoming" 
markerEnd="url(#arrowhead)"/>
                 </g>
             )