From 59e07da450d804b32b041289495922d7950204c6 Mon Sep 17 00:00:00 2001
From: sezanzeb <to.213692@protonmail.ch>
Date: Wed, 24 Jun 2020 20:24:41 +0200
Subject: [PATCH] link-state and zoom undefined fix

---
 src/components/Link/Link.default.tsx | 5 ++++-
 src/components/Port/Port.wrapper.tsx | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Link/Link.default.tsx b/src/components/Link/Link.default.tsx
index e2883b1e..ad21c8a1 100644
--- a/src/components/Link/Link.default.tsx
+++ b/src/components/Link/Link.default.tsx
@@ -38,7 +38,10 @@ export const LinkDefault = ({
   const linkColor: string = (fromPort.properties && fromPort.properties.linkColor) || 'cornflowerblue'
 
   return (
-    <svg style={{ overflow: 'visible', position: 'absolute', cursor: 'pointer', left: 0, right: 0 }}>
+    <svg
+      className={toPort ? 'react-flow-chart__link--placed' : 'react-flow-chart__link--dragging'}
+      style={{ overflow: 'visible', position: 'absolute', cursor: 'pointer', left: 0, right: 0 }}
+    >
       <circle
         r="4"
         cx={startPos.x}
diff --git a/src/components/Port/Port.wrapper.tsx b/src/components/Port/Port.wrapper.tsx
index c8e028c8..e090d806 100644
--- a/src/components/Port/Port.wrapper.tsx
+++ b/src/components/Port/Port.wrapper.tsx
@@ -63,7 +63,8 @@ export class PortWrapper extends React.Component<IPortWrapperProps> {
     // Create the move handler
     // This will update the position as the mouse moves
     const mouseMoveHandler = (e: MouseEvent) => {
-      const { offsetX, offsetY, zoomScale } = this.context
+      const { offsetX, offsetY } = this.context
+      const zoomScale = this.context.zoomScale || 1
 
       onLinkMove({
         config,