3 files changed, 6 insertions, 4 deletions
diff --git a/frontend/app/views/page/components/tile.form.js b/frontend/app/views/page/components/tile.form.js
index 4fb00a3..aefecf1 100644
--- a/frontend/app/views/page/components/tile.form.js
+++ b/frontend/app/views/page/components/tile.form.js
@@ -60,6 +60,7 @@ const CURSORS = [
   { name: 'hand_down', label: 'Down', },
   { name: 'hand_left', label: 'Left', },
   { name: 'hand_right', label: 'Right', },
+  { name: 'unclickable', label: 'Unclickable', },
 ]
 
 const NO_LINK = 0
diff --git a/frontend/app/views/page/components/tile.handle.js b/frontend/app/views/page/components/tile.handle.js
index 917be74..d8184d3 100644
--- a/frontend/app/views/page/components/tile.handle.js
+++ b/frontend/app/views/page/components/tile.handle.js
@@ -1,12 +1,9 @@
 import React, { Component } from 'react'
-import { Link } from 'react-router-dom'
 
 export default class TileHandle extends Component {
   constructor(props) {
     super(props)
-    if (props.tile.type === 'video') {
-      this.videoRef = React.createRef()
-    }
+    this.videoRef = React.createRef()
     this.handleEnded = this.handleEnded.bind(this)
   }
   componentDidMount() {
diff --git a/frontend/app/views/page/cursors.css b/frontend/app/views/page/cursors.css
index 778b614..6cc37a9 100644
--- a/frontend/app/views/page/cursors.css
+++ b/frontend/app/views/page/cursors.css
@@ -13,6 +13,10 @@
 .tile.hand_left {
   cursor: url(/static/img/hand_left.png) 10 60, pointer;
 }
+.tile.unclickable {
+  cursor: default;
+  pointer-events: none;
+}
 .tile.none {
   cursor: default;
 }