did some refactoring so the node and cable data is computed in the data layer so that it is accessible by anything in the bin to make way for a heatmap

src/bin/3dView/Systems/Cables/BinCables.tsx

@@ -0,0 +1,28 @@
+import GrainCable from "./GrainCable";
+import { Vector3 } from "three";
+import { Bin } from "models";
+import React from "react";
+import { CableData } from "../../Data/BuildCableData";
+import { NodeData } from "../../Data/BuildNodeData";
+
+interface Props {
+    cableData: CableData[]
+    nodeData: NodeData[]
+    bin: Bin
+    binCenter: Vector3
+}
+
+export default function BinCables(props: Props){
+    const {bin, binCenter, cableData, nodeData} = props
+    return (
+        <React.Fragment>
+            {cableData.map((cable, i) => {
+                const cableNodes = nodeData.filter(n => n.cableIndex === cable.cableIndex);
+                return (
+                <GrainCable key={"cable " + i} cable={cable} nodes={cableNodes} bin={bin} binCenter={binCenter}/>
+                )}
+            )}
+
+        </React.Fragment>
+    )
+}