1 files changed, 11 insertions, 10 deletions
diff --git a/animism-align/frontend/app/views/viewer/checklist/checklist.container.js b/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
index 7a8db0e..11310e7 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
@@ -9,33 +9,34 @@ import CreditsContent from './credits.content'
 
 class Checklist extends Component {
   state = {
-    currentSection: 'all',
+    checklistSection: 'all',
   }
   constructor(props) {
     super(props)
     this.handleSectionChange = this.handleSectionChange.bind(this)
   }
-  handleSectionChange(currentSection) {
-    this.setState({ currentSection })
+  handleSectionChange(checklistSection) {
+    this.setState({ checklistSection })
   }
   render() {
-    const { currentSection } = this.state
+    const { viewer } = this.props
+    const { checklistSection } = this.state
     return (
       <div className="checklist">
-        (viewer.checklist && (
+        {viewer.checklist && (
           <div>
             <ChecklistDropdown
-              currentSection={currentSection}
+              checklistSection={checklistSection}
               onChange={this.handleSectionChange}
             />
             <ChecklistContent
-              currentSection={currentSection}
+              checklistSection={checklistSection}
             />
           </div>
-        )
-        (viewer.credits && (
+        )}
+        {viewer.credits && (
           <CreditsContent />
-        ))
+        )}
       </div>
     )
   }