Begin integrating blueprint (#359)

* toast test

* modify webpack build to allow for global CSS; use CSS modules to scope component styling

* remove heatmap

* add label to index resets

* swapping out buttons for blueprint

* adding constants to globals

* swapping out blueprint buttons

* title position, sidebar improvements

* sidebar styles

* adding toasts for validation errors

* zebra section trial

* integrating blueprint, switching buttons over, breaking out scatter

* clean up console

client/src/components/continuousLegend/index.js

@@ -6,7 +6,7 @@ import { interpolateViridis } from "d3-scale-chromatic";
 
 // create continuous color legend
 // http://bl.ocks.org/syntagmatic/e8ccca52559796be775553b467593a9f
-const continuous = (selectorId, colorscale) => {
+const continuous = (selectorId, colorscale, colorAccessor) => {
   const legendheight = 200;
   const legendwidth = 80;
   const margin = { top: 10, right: 60, bottom: 10, left: 2 };
@@ -84,6 +84,17 @@ const continuous = (selectorId, colorscale) => {
       `translate(${legendwidth - margin.left - margin.right + 3},${margin.top})`
     )
     .call(legendaxis);
+
+  // text label for the y axis
+  // svg
+  //   .append("text")
+  //   .attr("transform", "rotate(-90)")
+  //   .attr("y", 3)
+  //   .attr("x", 0 - legendheight / 2)
+  //   .attr("dy", "1em")
+  //   .style("text-anchor", "middle")
+  //   .style("fill", "white")
+  //   .text(colorAccessor);
 };
 
 @connect(state => ({
@@ -115,7 +126,8 @@ class ContinuousLegend extends React.Component {
       if (colorScale.range()[0][0] !== "#") {
         continuous(
           "#continuous_legend",
-          d3.scaleSequential(interpolateViridis).domain(colorScale.domain())
+          d3.scaleSequential(interpolateViridis).domain(colorScale.domain()),
+          colorAccessor
         );
       }
     }