summaryrefslogtreecommitdiff
path: root/animism-align/frontend/views/paragraph/paragraph.container.js
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/views/paragraph/paragraph.container.js')
-rw-r--r--animism-align/frontend/views/paragraph/paragraph.container.js70
1 files changed, 0 insertions, 70 deletions
diff --git a/animism-align/frontend/views/paragraph/paragraph.container.js b/animism-align/frontend/views/paragraph/paragraph.container.js
deleted file mode 100644
index 6035be8..0000000
--- a/animism-align/frontend/views/paragraph/paragraph.container.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React, { Component } from 'react'
-import { Route } from 'react-router-dom'
-import { bindActionCreators } from 'redux'
-import { connect } from 'react-redux'
-
-import './paragraph.css'
-
-import actions from '../../actions'
-import { Loader } from '../../common'
-
-import ParagraphList from './containers/paragraphList.container'
-import { paragraphElementLookup } from '../components/paragraphTypes'
-
-class ParagraphContainer extends Component {
- componentDidMount() {
- this.bind()
- }
- componentWillUnmount() {
- this.unbind()
- }
- bind() {
- document.addEventListener('keydown', this.handleKeydown)
- }
- unbind() {
- document.removeEventListener('keydown', this.handleKeydown)
- }
- handleKeydown(e) {
- if (document.activeElement !== document.body) {
- return
- }
- // console.log(e.keyCode)
- switch (e.keyCode) {
- case 32: // spacebar
- e.preventDefault()
- actions.audio.toggle()
- break
- case 37: // left
- case 38: // up
- e.preventDefault()
- actions.audio.jump(-5.0)
- break
- case 39: // right
- case 40: // down
- e.preventDefault()
- actions.audio.jump(5.0)
- break
- }
- }
- render() {
- if (!this.props.annotation.lookup || !this.props.paragraph.lookup) {
- return <div className='body loading'><Loader /></div>
- }
- return (
- <div className='body'>
- <ParagraphList paragraphElementLookup={paragraphElementLookup} />
- </div>
- )
- }
-}
-
-const mapStateToProps = state => ({
- paragraph: state.paragraph.index,
- annotation: state.annotation.index,
-})
-
-const mapDispatchToProps = dispatch => ({
- // alignActions: bindActionCreators({ ...alignActions }, dispatch),
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(ParagraphContainer)