building basic site. need to include cursors, etc

1 files changed, 26 insertions, 11 deletions

diff --git a/frontend/views/page/components/tile.handle.js b/frontend/views/page/components/tile.handle.js
index dd89282..f3a700b 100644
--- a/frontend/views/page/components/tile.handle.js
+++ b/frontend/views/page/components/tile.handle.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react'
+import { Link } from 'react-router-dom'
 
-const TileHandle = ({ tile, bounds, box, onMouseDown, onDoubleClick }) => {
+const TileHandle = ({ tile, bounds, box, viewing, onMouseDown, onDoubleClick }) => {
   // console.log(tile)
   const { width, height } = tile.settings
   const style = {
@@ -66,16 +67,30 @@ const TileHandle = ({ tile, bounds, box, onMouseDown, onDoubleClick }) => {
       style.height = tile.settings.height ? tile.settings.height + 'px' : 'auto'
       break
   }
-  return (
-    <div
-      className={className}
-      onMouseDown={onMouseDown}
-      onDoubleClick={onDoubleClick}
-      style={style}
-    >
-      {content}
-    </div>
-  )
+  if (viewing && tile.href) {
+    return (
+      <Link to={tile.href}>
+        <div
+          className={className}
+          onMouseDown={onMouseDown}
+          style={style}
+        >
+          {content}
+        </div>
+      </Link>
+    )
+  } else {
+    return (
+      <div
+        className={className}
+        onMouseDown={onMouseDown}
+        onDoubleClick={onDoubleClick}
+        style={style}
+      >
+        {content}
+      </div>
+    )
+  }
 }
 
 const generateTransform = (tile, box) => {