1 files changed, 16 insertions, 9 deletions
diff --git a/frontend/app/views/tile/handles/tile.video.js b/frontend/app/views/tile/handles/tile.video.js
index e8dbc72..dbcc856 100644
--- a/frontend/app/views/tile/handles/tile.video.js
+++ b/frontend/app/views/tile/handles/tile.video.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 
-import { generateTransform, generateVideoStyle } from 'app/views/tile/tile.utils'
+import { generateTransform, generateVideoStyle, pickCursor } from 'app/views/tile/tile.utils'
 import { timestampToSeconds } from 'app/utils'
 
 export default class TileVideo extends Component {
@@ -65,22 +65,29 @@ export default class TileVideo extends Component {
   }
 
   render() {
-    let { tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick, onMouseEnter } = this.props
+    let { tile, box, bounds, videoBounds, cursors, viewing, onMouseDown, onDoubleClick, onMouseEnter } = this.props
+
+    if (!tile.settings.url) {
+      return null
+    }
+
     // console.log(tile)
     const style = {
       transform: generateTransform(tile, box, bounds, videoBounds),
       opacity: tile.settings.opacity,
     }
+
     let className = ['tile', tile.type].join(' ')
-    if (tile.target_page_id || (viewing && tile.href)) {
-      if (viewing || tile.settings.cursor !== 'unclickable') {
-        className += ' ' + (tile.settings.cursor || 'hand_up')
-      }
+
+    let [cursorClass, cursorStyle] = pickCursor(tile, cursors, viewing)
+    if (cursorClass) {
+      className += " " + cursorClass
     }
-    // console.log(tile.settings)
-    if (!tile.settings.url) {
-      return null
+    if (cursorStyle) {
+      style.cursor = cursorStyle
     }
+
+    // console.log(tile.settings)
     className += ' ' + tile.settings.align
     const muted = viewing
       ? tile.settings.muted