Converted Connection

chrisjpatty · May 9, 2022 · a81ab62 · a81ab62
1 parent 0ca6f72
commit a81ab62
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/src/components/Connection/Connection.js → src/components/Connection/Connection.tsx b/src/components/Connection/Connection.js → src/components/Connection/Connection.tsx
@@ -1,7 +1,19 @@
 import React from "react";
-import {calculateCurve} from '../../connectionCalculator'
+import { calculateCurve } from "../../connectionCalculator";
+import { Coordinate } from "../../types";
 import styles from "./Connection.css";
 
+interface ConnectionProps {
+  from: Coordinate;
+  to: Coordinate;
+  id: string;
+  lineRef: React.Ref<SVGPathElement>;
+  outputNodeId: string;
+  outputPortName: string;
+  inputNodeId: string;
+  inputPortName: string;
+}
+
 const Connection = ({
   from,
   to,
@@ -11,8 +23,8 @@ const Connection = ({
   outputPortName,
   inputNodeId,
   inputPortName
-}) => {
-  const curve = calculateCurve(from, to)
+}: ConnectionProps) => {
+  const curve = calculateCurve(from, to);
   return (
     <svg className={styles.svg} data-flume-component="connection-svg">
       <path