cleanup

src/actions/actions.js

@@ -23,23 +23,12 @@ export const changeCartoBBox = boundingbox => ({
 });
 
 
-export const SET_PRICE = '@Filters/SET_PRICE';
-export const setPriceFilter = filter => ({
-  type: SET_PRICE,
-  filter,
-});
-
 export const SET_BBOX = '@Filters/SET_BBOX';
 export const setBboxFilter = bbox => ({
   type: SET_BBOX,
   bbox,
 });
 
-export const SET_NEIGHBOURHOODS = '@Filters/SET_NEIGHBOURHOODS';
-export const setNeighbourhoods = neighbourhoods => ({
-  type: SET_NEIGHBOURHOODS,
-  neighbourhoods,
-});
 
 export const TOGGLE_LAYER = '@Layers/TOGGLE';
 export const toggleLayer = name => ({

src/components/RightBar.js

@@ -29,6 +29,14 @@ class RightBar extends Component {
         operationColumn='total_damage'
       />
 
+      <Category
+        heading='State'
+        description='Total damage for each railroad company in USD'
+        categoryLayer={this.props.layers.railaccidents.source}
+        column='state'
+        operation={carto.operation.SUM}
+        operationColumn='equipment_damage'
+      />
       <Histogram />
       </div>
     )

src/reducers/reducers.js

@@ -88,48 +88,3 @@ export const layers = (state = DEFAULT_LAYERS, action) => {
       return state;
   }
 }
-
-const FILTERS_INITIAL_STATE = {
-  price: false,
-  bbox: false,
-  neighbourhoods: false,
-}
-
-export const filters = (state = FILTERS_INITIAL_STATE, action) => {
-  switch (action.type) {
-    case actions.SET_PRICE: {
-      const { min, max } = action.filter;
-
-      return {
-        ...state,
-        price: `price BETWEEN ${min} AND ${max}`,
-      };
-    }
-
-    case actions.SET_BBOX: {
-      const [ xmin, ymin, xmax, ymax ] = action.bbox;
-
-      return {
-        ...state,
-        bbox: `ST_Intersects(the_geom_webmercator, ST_Transform(ST_MakeEnvelope(${xmin}, ${ymin}, ${xmax}, ${ymax}, 4326), 3857))`,
-      };
-    }
-
-    case actions.SET_NEIGHBOURHOODS: {
-      const neighbourhoods = action.neighbourhoods.map(name => `'${name}'`).join(',');
-
-      if (neighbourhoods.length === 0) return {
-        ...state,
-        neighbourhoods: false,
-      };
-
-      return {
-        ...state,
-        neighbourhoods: `railroad IN (${neighbourhoods})`,
-      };
-    }
-
-    default:
-      return state;
-  }
-}

src/routers/AppRouter.js

@@ -10,6 +10,7 @@ const AppRouter = () => (
     <div>
       <Switch>
         <Route path="/" component={Page} exact={true} />
+        <Route path="/page" component={Page} exact={true} />
         <Route component={NotFoundPage} />
       </Switch>
     </div>