From ebb37a845aa4831bc353fd723848c75ea464aab0 Mon Sep 17 00:00:00 2001
From: Lachlan Kermode <lachiekermode@gmail.com>
Date: Tue, 4 Dec 2018 12:26:23 +0000
Subject: [PATCH] rename other timeline handlers

---
 src/components/Dashboard.jsx | 6 +++---
 src/components/Timeline.jsx  | 2 +-
 src/js/timeline/timeline.js  | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Dashboard.jsx b/src/components/Dashboard.jsx
index 178caf9..950fa7e 100644
--- a/src/components/Dashboard.jsx
+++ b/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
diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx
index 2f4a362..234d434 100644
--- a/src/components/Timeline.jsx
+++ b/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
     }
diff --git a/src/js/timeline/timeline.js b/src/js/timeline/timeline.js
index 552dc47..27e01dc 100644
--- a/src/js/timeline/timeline.js
+++ b/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)