start with the mouseenter, and the export ;)

2 files changed, 12 insertions, 1 deletions

diff --git a/frontend/views/graph/components/graph.editor.js b/frontend/views/graph/components/graph.editor.js
index 99c5665..a5c7c45 100644
--- a/frontend/views/graph/components/graph.editor.js
+++ b/frontend/views/graph/components/graph.editor.js
@@ -38,6 +38,8 @@ class GraphEditor extends Component {
     this.handleMouseMove = this.handleMouseMove.bind(this)
     this.handleMouseUp = this.handleMouseUp.bind(this)
     this.handleWindowResize = this.handleWindowResize.bind(this)
+    this.handleMouseEnter = this.handleMouseEnter.bind(this)
+    this.handleMouseLeave = this.handleMouseLeave.bind(this)
     this.graphRef = React.createRef()
     this.measurements = {}
   }
@@ -158,6 +160,11 @@ class GraphEditor extends Component {
     actions.page.update(updatedPage)
   }
 
+  handleMouseEnter(e, page) {
+  }
+  handleMouseLeave(e, page) {
+  }
+
   render(){
     // console.log(this.props.graph.show.res)
     const { page: currentPage, box, measurements } = this.state
@@ -180,6 +187,8 @@ class GraphEditor extends Component {
             bounds={this.state.bounds}
             box={currentPage && page.id === currentPage.id && box}
             onMouseDown={e => this.handleMouseDown(e, page)}
+            onMouseEnter={e => this.handleMouseEnter(e, page)}
+            onMouseLeave={e => this.handleMouseLeave(e, page)}
             onMeasure={measurement => this.addMeasurement(measurement)}
           />
         ))}
diff --git a/frontend/views/graph/components/page.handle.js b/frontend/views/graph/components/page.handle.js
index be05a1a..7093399 100644
--- a/frontend/views/graph/components/page.handle.js
+++ b/frontend/views/graph/components/page.handle.js
@@ -23,7 +23,7 @@ export default class PageHandle extends Component {
     this.props.onMeasure({ id, width, height })
   }
   render() {
-    const { graph, page, bounds, box, onMouseDown } = this.props
+    const { graph, page, bounds, box, onMouseDown, onMouseEnter, onMouseLeave } = this.props
     let style;
     if (box) {
       style = {
@@ -46,6 +46,8 @@ export default class PageHandle extends Component {
         className={className}
         ref={this.ref}
         onMouseDown={onMouseDown}
+        onMouseEnter={onMouseEnter}
+        onMouseLeave={onMouseLeave}
         onDoubleClick={() => history.push(url)}
         style={style}
       >