Bug danielcaldas#180 is caused by implementation of adding label on L…

…ink. Remove it so Link renders properly

cypress/integration/link.e2e.js

@@ -31,7 +31,7 @@ describe("[rd3g-link] link tests", function() {
         });
 
         describe("and some link has a 'label' property", function() {
-            it("should properly render the label in the link between two nodes", function() {
+            it.skip("should properly render the label in the link between two nodes", function() {
                 // link between nodes' 1 and 2 should have a label
                 this.link12PO.getLabel().contains("link 1 and 2");
             });

src/components/link/Link.jsx

@@ -87,6 +87,7 @@ export default class Link extends React.Component {
             lineProps.markerEnd = `url(#${this.props.markerId})`;
         }
 
+        /* eslint-disable no-unused-vars */
         const { label, id } = this.props;
         const textProps = {
             dy: -1,
@@ -96,18 +97,24 @@ export default class Link extends React.Component {
                 fontWeight: this.props.fontWeight,
             },
         };
+        /* eslint-enable no-unused-vars */
 
-        return (
-            <svg>
-                <path {...lineProps} id={id} />
-                {label && (
-                    <text style={{ textAnchor: "middle" }} {...textProps}>
-                        <textPath href={`#${id}`} startOffset="50%">
-                            {label}
-                        </textPath>
-                    </text>
-                )}
-            </svg>
-        );
+        // NOTE: this adds support for labels on the arcs but causes an issue
+        //     where if you pan the graph then only part of the line is rendered.
+        //     I think it is a viewbox/viewport issue with the wrapping svg but
+        //    I'm not sure how to fix it so for now i'm removing support for
+        //    the line labels so all lines draw properly.
+        // <svg>
+        //     <path {...lineProps} id={id} />
+        //     {label && (
+        //         <text style={{ textAnchor: "middle" }} {...textProps}>
+        //             <textPath href={`#${id}`} startOffset="50%">
+        //                 {label}
+        //             </textPath>
+        //         </text>
+        //     )}
+        // </svg>
+
+        return <path {...lineProps} id={id} />;
     }
 }