1 files changed, 36 insertions, 0 deletions
diff --git a/frontend/app/views/tile/handles/tile.script.js b/frontend/app/views/tile/handles/tile.script.js
new file mode 100644
index 0000000..e844adf
--- /dev/null
+++ b/frontend/app/views/tile/handles/tile.script.js
@@ -0,0 +1,36 @@
+import React, { Component } from 'react'
+import { generateTransform } from 'app/views/tile/tile.utils'
+
+export default class TileScript extends Component {
+  componentDidMount(){
+    const { viewing, tile } = this.props
+    if (viewing) {
+      eval(tile.settings.content)
+    }
+  }
+  render() {
+    if (viewing) {
+      return <div style={{ display: 'none' }} />
+    }
+
+    const { tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick } = this.props
+    // console.log(tile)
+    const style = {
+      transform: generateTransform(tile, box, bounds, videoBounds),
+      opacity: tile.settings.opacity,
+    }
+    // console.log(generateTransform(tile))
+    let className = ['tile', tile.type, 'hand_up'].join(' ')
+
+    return (
+      <div
+        className={className}
+        onMouseDown={onMouseDown}
+        onDoubleClick={onDoubleClick}
+        style={style}
+      >
+        {"SCRIPT"}
+      </div>
+    )
+  }
+}