move colorScale and colorAccessor to redux to make it global

src/components/graph/drawGraph.js

@@ -63,27 +63,18 @@ export const drawGraph = (
   data,
   context,
   expressionsCountsMap,
-  color,
+  colorAccessor,
   ranges,
   metadata,
   continuousSelection,
   graphBrushSelection,
+  colorScale,
 ) => {
 
   /* clear canvas */
   context.clearRect(0, 0, width, height);
 
-  let colorScale = null; /* it could be 'by expression' and that's a special case */
-
-  if (
-    color &&
-    ranges[color].range /* set up a continuous scale */
-  ) {
-    /* this scale should live in redux since it will be consumed by cotinuous as well */
-    colorScale = d3.scaleLinear()
-      .domain([0, ranges[color].range.max])
-      .range([1,0])
-  }
+  // let colorScale = null; /* it could be 'by expression' and that's a special case */
 
   /* ! create a scale to map between expression values and colors, remove to somewhere else */
   // const expressionToColorScale = d3.scaleLinear()
@@ -133,9 +124,9 @@ export const drawGraph = (
 
     context.globalAlpha = !graphBrushSelection || pointIsInsideBrushBounds ? 1 : .2;
 
-    if (color) {
+    if (colorAccessor && colorScale) {
       context.fillStyle = d3.interpolateViridis(colorScale(
-        _metadata[p[0]][color]
+        _metadata[p[0]][colorAccessor]
         // _.find(metadata, {CellName: p[0]})[color] /* this.state.cells.metadata["23452345325"]["ERCC_reads"] = 20000 would be much faster as key value lookup */
       ));
     }

src/components/graph/graph.js

@@ -16,7 +16,8 @@ import ColorControl from "../controls/color";
     ranges,
     vertices,
     metadata,
-    color: state.controls.color,
+    colorAccessor: state.controls.colorAccessor,
+    colorScale: state.controls.colorScale,
     continuousSelection: state.controls.continuousSelection,
     graphBrushSelection: state.controls.graphBrushSelection
   }
@@ -81,11 +82,12 @@ class Graph extends React.Component {
         nextProps.vertices,
         this.state.ctx,
         nextProps.expressionsCountsMap,
-        nextProps.color,
+        nextProps.colorAccessor,
         nextProps.ranges, /* assumption that this exists if vertices does both are on cells */
         nextProps.metadata,
         nextProps.continuousSelection, /* continuousSelected should probably inform a global 'is active' array rather than be consumed so specifically here */
         nextProps.graphBrushSelection,
+        nextProps.colorScale,
       )
     }
   }