checklist dropdown

1 files changed, 30 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
new file mode 100644
index 0000000..ae72adf
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
@@ -0,0 +1,30 @@
+import React, { Component } from 'react'
+import { connect } from 'react-redux'
+
+import actions from 'app/actions'
+
+class ChecklistContent extends Component {
+  render() {
+    const { sections, currentSection } = this.props
+    return (
+      <div className="">
+        <div className="checklist-content">
+          <div className="checklist-table">
+            {sections.map(section => {
+              if (currentSection !== "all" || section.index !== currentSection) return
+              return (
+                <div key={section.index} />
+              )
+            })}
+          </div>
+        </div>
+      </div>
+    )
+  }
+}
+
+const mapStateToProps = state => ({
+  sections: state.viewer.sections,
+})
+
+export default connect(mapStateToProps)(ChecklistContent)