rename other timeline handlers

src/components/Dashboard.jsx

@@ -133,10 +133,10 @@ class Dashboard extends React.Component {
           getCategoryColor={category => this.getCategoryColor(category)}
         />
         <Timeline
-          select={this.handleSelect}
+          onSelect={this.handleSelect}
           onUpdateTimerange={this.updateTimerange}
-          highlight={this.handleHighlight}
-          toggle={() => this.handleToggle('TOGGLE_CARDSTACK')}
+          // onHighlight={this.handleHighlight}
+          // onToggle={() => this.handleToggle('TOGGLE_CARDSTACK')}
           getCategoryColor={category => this.getCategoryColor(category)}
         />
         <InfoPopUp

src/components/Timeline.jsx

@@ -20,7 +20,7 @@ class Timeline extends React.Component {
     }
 
     const methods = {
-      select: this.props.select,
+      onSelect: this.props.onSelect,
       onUpdateTimerange: this.props.onUpdateTimerange,
       getCategoryColor: this.props.getCategoryColor
     }

src/js/timeline/timeline.js

@@ -325,7 +325,7 @@ export default function(app, ui, methods) {
    * @param {String} direction: 'forward' / 'backwards'
    */
   function moveTime(direction) {
-    methods.select();
+    methods.onSelect();
     const extent = getTimeScaleExtent();
     const newCentralTime = d3.timeMinute.offset(scale.x.domain()[0], extent / 2);
 
@@ -438,7 +438,7 @@ export default function(app, ui, methods) {
       .attr('cy', eventPoint => getEventY(eventPoint))
       .style('fill', eventPoint => getEventPointFillColor(eventPoint))
       .on('click', eventPoint => {
-        return methods.select(getAllEventsAtOnce(eventPoint))
+        return methods.onSelect(getAllEventsAtOnce(eventPoint))
       })
       .on('mouseover', handleMouseOver)
       .on('mouseout', handleMouseOut)