Tidied code

Author: gareth-j

src/components/ForceGraph.module.css

@@ -43,29 +43,34 @@
   stroke: #4a7b9d;
   stroke-width: 0.1em;
   stroke-opacity: 40%;
+  fill: none;
 }
 
 .link_indirect {
   stroke: #54577c;
   stroke-width: 0.1em;
   stroke-opacity: 50%;
+  fill: none;
 }
 
 .link_weak.highlight {
   stroke: red;
   stroke-width: 0.1em;
   stroke-opacity: 50%;
+  fill: none;
 }
 
 .link_indirect.highlight {
   stroke: red;
   stroke-width: 0.1em;
   stroke-opacity: 50%;
+  fill: none;
 }
 
 .link.highlight {
   stroke: red;
   stroke-width: 0.2em;
+  fill: none;
 }
 
 .node_text {

src/components/d3/ForceGraph.d3.js

@@ -713,23 +713,19 @@ class ForceGraphD3 extends React.Component {
       .enter()
       .append("path")
       .attr("class", `link ${styles.link}`)
-      //   .join(
-      // (enter) => enter.append("line").attr("class", `link ${styles.link}`),
-      // (update) => update.attr("class", `link ${styles.link}`)
-      //   )
-      //   .attr("class", (d) => {
-      //     // Here we're using the weight of the edges between
-      //     // nodes to  change the properties of the line drawn
-      //     if (d.type === "direct") {
-      //       if (d.value > weightCutoff) {
-      //         return `link ${styles.link}`;
-      //       } else {
-      //         return `link ${styles.link_weak}`;
-      //       }
-      //     } else {
-      //       return `link ${styles.link_indirect}`;
-      //     }
-      //   })
+      .attr("class", (d) => {
+        // Here we're using the weight of the edges between
+        // nodes to  change the properties of the line drawn
+        if (d.type === "direct") {
+          if (d.value > weightCutoff) {
+            return `link ${styles.link}`;
+          } else {
+            return `link ${styles.link_weak}`;
+          }
+        } else {
+          return `link ${styles.link_indirect}`;
+        }
+      })
       .attr("id", (d) => {
         return d.id;
       })