diff options
Diffstat (limited to 'frontend/app/views/tile/handles/tile.image.js')
| -rw-r--r-- | frontend/app/views/tile/handles/tile.image.js | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/frontend/app/views/tile/handles/tile.image.js b/frontend/app/views/tile/handles/tile.image.js index c4d5e58..78b492e 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' +import { generateTransform, pickCursor } from 'app/views/tile/tile.utils' -export default function TileImage({ tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick, onMouseEnter }) { +export default function TileImage({ tile, box, bounds, cursors, videoBounds, viewing, onMouseDown, onDoubleClick, onMouseEnter }) { // console.log(tile) const style = { transform: generateTransform(tile, box, bounds, videoBounds), @@ -10,10 +10,13 @@ export default function TileImage({ tile, box, bounds, videoBounds, viewing, onM // console.log(generateTransform(tile)) let content 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 + } + if (cursorStyle) { + style.cursor = cursorStyle } if (!tile.settings.url) { |