messaging if rest of chapters are disabled. grayscale all disabled media

1 files changed, 2 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/viewer/checklist/checklist.content.js b/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
index ba44a1b..f756b36 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
@@ -9,6 +9,7 @@ import { PlayIcon } from '../nav/viewer.icons'
 
 class ChecklistContent extends Component {
   handleMediaSelection(section, mediaItem, i) {
+    if (this.props.onlyEnableFirstSection) return
     // when clicking a work in the checklist,
     // if it's the first work in the section, seek to the beginning of the section
     // OTHERWISE seek to the work itself. might have to add this as another option on sections
@@ -83,6 +84,7 @@ class ChecklistContent extends Component {
 
 const mapStateToProps = state => ({
   sections: state.viewer.sections,
+  onlyEnableFirstSection: state.viewer.onlyEnableFirstSection,
 })
 
 export default connect(mapStateToProps)(ChecklistContent)