displaying custom cursors on the frontend

1 files changed, 3 insertions, 1 deletions

diff --git a/frontend/site/viewer/viewer.container.js b/frontend/site/viewer/viewer.container.js
index 24534f6..09f04c3 100644
--- a/frontend/site/viewer/viewer.container.js
+++ b/frontend/site/viewer/viewer.container.js
@@ -34,10 +34,10 @@ class ViewerContainer extends Component {
 
   componentDidUpdate(prevProps) {
     // console.log('didUpdate', this.props.graph !== prevProps.graph, this.props.location.pathname !== prevProps.location.pathname)
+    // console.log(this.props.location.pathname, prevProps.location.pathname, this.props.interactive)
     if (this.props.graph !== prevProps.graph || this.props.location.pathname !== prevProps.location.pathname) {
       this.load()
     }
-    console.log(this.props.location.pathname, prevProps.location.pathname, this.props.interactive)
     if (this.props.interactive && (this.props.interactive !== prevProps.interactive)) {
       this.setState({ roadblock: false })
       this.props.audio.player.playPage(this.state.page)
@@ -195,6 +195,7 @@ class ViewerContainer extends Component {
                 tile={tile}
                 audio={audio}
                 bounds={this.state.bounds}
+                cursors={this.props.cursors}
                 videoBounds={videoBounds}
                 onMouseDown={e => this.handleMouseDown(e, tile)}
                 onPlaybackEnded={e => this.handlePlaybackEnded(e, tile)}
@@ -237,6 +238,7 @@ const mapStateToProps = state => ({
   site: state.site,
   audio: state.audio,
   graph: state.site.graph,
+  cursors: state.site.cursors,
   interactive: state.site.interactive,
 })