hover

4 files changed, 8 insertions, 4 deletions

diff --git a/frontend/app/views/tile/handles/tile.image.js b/frontend/app/views/tile/handles/tile.image.js
index 9ab5616..c4d5e58 100644
--- a/frontend/app/views/tile/handles/tile.image.js
+++ b/frontend/app/views/tile/handles/tile.image.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { generateTransform } from 'app/views/tile/tile.utils'
 
-export default function TileImage({ tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick }) {
+export default function TileImage({ tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick, onMouseEnter }) {
   // console.log(tile)
   const style = {
     transform: generateTransform(tile, box, bounds, videoBounds),
@@ -48,6 +48,7 @@ export default function TileImage({ tile, box, bounds, videoBounds, viewing, onM
       className={className}
       onMouseDown={onMouseDown}
       onDoubleClick={onDoubleClick}
+      onMouseEnter={onMouseEnter}
       style={style}
     >
       {content}
diff --git a/frontend/app/views/tile/handles/tile.link.js b/frontend/app/views/tile/handles/tile.link.js
index 4dd4fd4..93db9e1 100644
--- a/frontend/app/views/tile/handles/tile.link.js
+++ b/frontend/app/views/tile/handles/tile.link.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { generateTransform, unitsDimension } from 'app/views/tile/tile.utils'
 
-export default function TileScript({ tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick }) {
+export default function TileScript({ tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick, onMouseEnter }) {
   // console.log(tile)
   const style = {
     transform: generateTransform(tile, box, bounds, videoBounds),
@@ -25,6 +25,7 @@ export default function TileScript({ tile, box, bounds, videoBounds, viewing, on
       className={className}
       onMouseDown={onMouseDown}
       onDoubleClick={onDoubleClick}
+      onMouseEnter={onMouseEnter}
       style={style}
     >
       {content}
diff --git a/frontend/app/views/tile/handles/tile.text.js b/frontend/app/views/tile/handles/tile.text.js
index 2fd63b2..97fdfac 100644
--- a/frontend/app/views/tile/handles/tile.text.js
+++ b/frontend/app/views/tile/handles/tile.text.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { generateTransform, unitsDimension } from 'app/views/tile/tile.utils'
 
-export default function TileScript({ tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick }) {
+export default function TileScript({ tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick, onMouseEnter }) {
   // console.log(tile)
   const style = {
     transform: generateTransform(tile, box, bounds, videoBounds),
@@ -36,6 +36,7 @@ export default function TileScript({ tile, box, bounds, videoBounds, viewing, on
       className={className}
       onMouseDown={onMouseDown}
       onDoubleClick={onDoubleClick}
+      onMouseEnter={onMouseEnter}
       style={style}
     >
       {content}
diff --git a/frontend/app/views/tile/handles/tile.video.js b/frontend/app/views/tile/handles/tile.video.js
index 3166848..e8dbc72 100644
--- a/frontend/app/views/tile/handles/tile.video.js
+++ b/frontend/app/views/tile/handles/tile.video.js
@@ -65,7 +65,7 @@ export default class TileVideo extends Component {
   }
 
   render() {
-    let { tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick } = this.props
+    let { tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick, onMouseEnter } = this.props
     // console.log(tile)
     const style = {
       transform: generateTransform(tile, box, bounds, videoBounds),
@@ -90,6 +90,7 @@ export default class TileVideo extends Component {
         className={className}
         onMouseDown={onMouseDown}
         onDoubleClick={onDoubleClick}
+        onMouseEnter={onMouseEnter}
         style={style}
       >
         <video