each section has its own fullscreen timeline to prevent overlap

2 files changed, 3 insertions, 3 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.container.js b/animism-align/frontend/app/views/viewer/player/player.container.js
index 1c82e0d..3379bfe 100644
--- a/animism-align/frontend/app/views/viewer/player/player.container.js
+++ b/animism-align/frontend/app/views/viewer/player/player.container.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
 import { connect } from 'react-redux'
 
 import actions from 'app/actions'
+import { GROWL } from 'app/constants'
 import { floatInRange, clamp } from 'app/utils'
 
 import PlayerTranscript from './player.transcript'
@@ -74,11 +75,10 @@ class PlayerContainer extends Component {
     if (floatInRange(currentSection.start_ts, play_ts, currentSection.end_ts)) {
       return
     }
-
     if (autoAdvance) {
       actions.viewer.setSectionFromTimestamp(play_ts)
     } else {
-      actions.viewer.reachedEndOfSection()
+      actions.viewer.reachedEndOfSection(currentSection)
     }
   }
   
diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
index 2f62ff5..90e4925 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
@@ -103,7 +103,7 @@ const FirstChild = (props) => {
 const mapStateToProps = state => ({
   audio: state.audio,
   media: state.media.index,
-  timeline: state.viewer.fullscreenTimeline,
+  timeline: state.viewer.currentSection ? state.viewer.currentSection.fullscreenTimeline : [],
 })
 
 export default connect(mapStateToProps)(PlayerFullscreen)