more fixes

3 files changed, 31 insertions, 14 deletions

diff --git a/frontend/views/page/components/tile.handle.js b/frontend/views/page/components/tile.handle.js
index bd47ae9..33243a7 100644
--- a/frontend/views/page/components/tile.handle.js
+++ b/frontend/views/page/components/tile.handle.js
@@ -68,17 +68,31 @@ const TileHandle = ({ tile, bounds, box, viewing, onMouseDown, onDoubleClick })
       break
   }
   if (viewing && tile.href) {
-    return (
-      <Link to={tile.href}>
-        <div
-          className={className}
-          onMouseDown={onMouseDown}
-          style={style}
-        >
-          {content}
-        </div>
-      </Link>
-    )
+    if (tile.href.indexOf('http') === 0) {
+      return (
+        <a href={tile.href} rel='noopener'>
+          <div
+            className={className}
+            onMouseDown={onMouseDown}
+            style={style}
+          >
+            {content}
+          </div>
+        </a>
+      )
+    } else {
+      return (
+        <Link to={tile.href}>
+          <div
+            className={className}
+            onMouseDown={onMouseDown}
+            style={style}
+          >
+            {content}
+          </div>
+        </Link>
+      )
+    }
   } else {
     return (
       <div
diff --git a/frontend/views/page/cursors.css b/frontend/views/page/cursors.css
index 5f90dd1..56fb088 100644
--- a/frontend/views/page/cursors.css
+++ b/frontend/views/page/cursors.css
@@ -13,3 +13,9 @@
 .tile.hand_left {
   cursor: url(/static/img/hand_left.png) 10 60, pointer;
 }
+
+.tile.link {
+  cursor: pointer;
+  border: 1px solid #31f;
+  background-color: rgba(48,16,255,0.1);
+}
\ No newline at end of file
diff --git a/frontend/views/page/page.css b/frontend/views/page/page.css
index ec41241..4559543 100644
--- a/frontend/views/page/page.css
+++ b/frontend/views/page/page.css
@@ -28,9 +28,6 @@
 }
 .tile.link {
   display: block;
-  cursor: pointer;
-  border: 1px solid #31f;
-  background-color: rgba(48,16,255,0.1);
 }
 
 /* tile orientations */