checklist dropdown

1 files changed, 21 insertions, 22 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 da4d6c3..3a441fa 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
@@ -1,36 +1,35 @@
 import React, { Component } from 'react'
-// import { Link } from 'react-router-dom'
-// import { bindActionCreators } from 'redux'
-import { connect } from 'react-redux'
 
 import actions from 'app/actions'
-// import * as uploadActions from './upload.actions'
+
+import ChecklistDropdown from './checklist.dropdown'
+import ChecklistContent from './checklist.content'
 
 class Checklist extends Component {
-  componentDidMount() {
+  state = {
+    currentSection: 'all',
+  }
+  constructor(props) {
+    super(props)
+    this.handleSectionChange = this.handleSectionChange.bind(this)
+  }
+  handleSectionChange(currentSection) {
+    this.setState({ currentSection })
   }
   render() {
-    const { } = this.props
+    const { currentSection } = this.state
     return (
       <div className="checklist">
-        <div className="checklist-dropdown-column">
-          <div className="checklist-dropdown">
-          </div>
-        </div>
-        <div className="checklist-content">
-          <div className="checklist-dropdown">
-          </div>
-        </div>
+        <ChecklistDropdown
+          currentSection={currentSection}
+          onChange={this.handleSectionChange}
+        />
+        <ChecklistContent
+          currentSection={currentSection}
+        />
       </div>
     )
   }
 }
 
-const mapStateToProps = state => ({
-})
-
-const mapDispatchToProps = dispatch => ({
-  // uploadActions: bindActionCreators({ ...uploadActions }, dispatch),
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(Checklist)
+export default Checklist