update design build

client/dashboard/power/graph/graph.component.js

@@ -6,11 +6,6 @@ import SplineStackChart from './../../../d3/line/spline_stack';
 
 class GraphComponent extends React.Component {
 
-  componentDidMount(){
-    var power_graph = this;
-    power_graph.updateGraph();
-  }
-
   get house(){
     return this.state_manager.state.house;
   }
@@ -19,6 +14,11 @@ class GraphComponent extends React.Component {
     return this.props.state_manager;
   }
 
+  componentDidMount(){
+    var power_graph = this;
+    power_graph.updateGraph();
+  }
+
   componentDidUpdate(prev_props, prev_state){
     var power_graph = this;
     if (prev_props.house != power_graph.props.house || prev_props.power_range != power_graph.props.power_range){
@@ -84,4 +84,6 @@ class GraphComponent extends React.Component {
 
 }
 
+GraphComponent.NAME = 'PowerGraph';
+
 module.exports = GraphComponent;

client/dashboard/power/power.component.js

@@ -37,8 +37,8 @@ class PowerComponent extends React.Component {
   componentDidUpdate(prev_props, prev_state){
     var power = this,
       state_manager = power.state_manager;
-    if (prev_props.month != power.props.month ||
-        prev_props.year != power.props.year ||
+    if (prev_props.power_range[0] != power.props.power_range[0] ||
+        prev_props.power_range[1] != power.props.power_range[1] ||
         prev_props.house != power.props.house){
       power.initDateRange();
       state_manager.powerDataRendered();
@@ -101,6 +101,6 @@ class PowerComponent extends React.Component {
 
 }
 
-PowerComponent.NAME = 'PowerComponent'
+PowerComponent.NAME = 'Power';
 
-module.exports = PowerComponent
+module.exports = PowerComponent;

client/dashboard/power/table/table.component.js

@@ -19,4 +19,6 @@ class TableComponent extends React.Component {
   }
 }
 
+TableComponent.NAME = 'PowerTable';
+
 module.exports = TableComponent;