4 files changed, 126 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/containers/checklist.container.js b/animism-align/frontend/app/views/viewer/containers/checklist.container.js
new file mode 100644
index 0000000..abe0ed1
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/containers/checklist.container.js
@@ -0,0 +1,28 @@
+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'
+
+class Transcript extends Component {
+  componentDidMount() {
+  }
+  render() {
+    const { } = this.props
+    return (
+      <div className="transcript">
+      </div>
+    )
+  }
+}
+
+const mapStateToProps = state => ({
+})
+
+const mapDispatchToProps = dispatch => ({
+  // uploadActions: bindActionCreators({ ...uploadActions }, dispatch),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Transcript)
diff --git a/animism-align/frontend/app/views/viewer/containers/transcript.container.js b/animism-align/frontend/app/views/viewer/containers/transcript.container.js
new file mode 100644
index 0000000..abe0ed1
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/containers/transcript.container.js
@@ -0,0 +1,28 @@
+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'
+
+class Transcript extends Component {
+  componentDidMount() {
+  }
+  render() {
+    const { } = this.props
+    return (
+      <div className="transcript">
+      </div>
+    )
+  }
+}
+
+const mapStateToProps = state => ({
+})
+
+const mapDispatchToProps = dispatch => ({
+  // uploadActions: bindActionCreators({ ...uploadActions }, dispatch),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Transcript)
diff --git a/animism-align/frontend/app/views/viewer/containers/viewer.nav.js b/animism-align/frontend/app/views/viewer/containers/viewer.nav.js
new file mode 100644
index 0000000..e1613b4
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/containers/viewer.nav.js
@@ -0,0 +1,28 @@
+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'
+
+class ViewerNav extends Component {
+  componentDidMount() {
+  }
+  render() {
+    const { } = this.props
+    return (
+      <div className="viewerNav">
+      </div>
+    )
+  }
+}
+
+const mapStateToProps = state => ({
+})
+
+const mapDispatchToProps = dispatch => ({
+  // uploadActions: bindActionCreators({ ...uploadActions }, dispatch),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(ViewerNav)
diff --git a/animism-align/frontend/app/views/viewer/containers/viewer.router.js b/animism-align/frontend/app/views/viewer/containers/viewer.router.js
new file mode 100644
index 0000000..e84600f
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/containers/viewer.router.js
@@ -0,0 +1,42 @@
+import React, { Component } from 'react'
+import { Link } from 'react-router-dom'
+import { connect } from 'react-redux'
+
+import actions from 'app/actions'
+
+class ViewerRouter extends Component {
+  componentDidMount() {
+    this.route()
+  }
+  componentDidUpdate() {
+    this.route()
+  }
+  route() {
+    console.log(this.props.match.params.component)
+    switch (this.props.match.params.component) {
+      case 'transcript':
+        break
+      case 'nav':
+        break
+      case 'checklist':
+        break
+      case 'fullscreenImage':
+        break
+      case 'fullscreenVideo':
+        break
+      case 'fullscreenCarousel':
+        break
+      case 'end':
+        break
+    }
+  }
+  render() {
+    return null
+  }
+}
+
+const mapStateToProps = state => ({
+  viewer: state.viewer,
+})
+
+export default connect(mapStateToProps)(ViewerRouter)