displaying custom cursors on the frontend

1 files changed, 10 insertions, 1 deletions

diff --git a/frontend/app/views/tile/forms/tile.form.hyperlink.js b/frontend/app/views/tile/forms/tile.form.hyperlink.js
index c444748..4d3e0b5 100644
--- a/frontend/app/views/tile/forms/tile.form.hyperlink.js
+++ b/frontend/app/views/tile/forms/tile.form.hyperlink.js
@@ -11,12 +11,18 @@ import {
   NO_POPUP, OPEN_POPUP_LINK, CLOSE_POPUP_LINK
 } from './tile.constants'
 
-export default function TileHyperlinkForm({ tile, pageList, popupList, parent }) {
+export default function TileHyperlinkForm({ tile, pageList, popupList, cursors, parent }) {
   const isExternalLink = tile.target_page_id === EXTERNAL_LINK
   // const isPopupLink = (
   //   tile.target_page_id === OPEN_POPUP_LINK ||
   //   tile.target_page_id === CLOSE_POPUP_LINK
   // )
+  let cursor
+  console.log(tile.settings.cursor, tile.settings.custom_cursor_id)
+  if (tile.settings.cursor === 'custom' && tile.settings.custom_cursor_id) {
+    cursor = cursors[tile.settings.custom_cursor_id]
+    console.log(cursor)
+  }
   return (
     <div>
       <div className={'row selects'}>
@@ -36,6 +42,9 @@ export default function TileHyperlinkForm({ tile, pageList, popupList, parent })
           onChange={parent.handleSettingsSelect}
         />
       </div>
+      {cursor && (
+        <img src={cursor.url} className="sampleCursor" />
+      )}
       {isExternalLink && (
         <div>
           <TextInput