summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/paragraph/paragraph.container.js
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/paragraph/paragraph.container.js')
-rw-r--r--animism-align/frontend/app/views/paragraph/paragraph.container.js66
1 files changed, 0 insertions, 66 deletions
diff --git a/animism-align/frontend/app/views/paragraph/paragraph.container.js b/animism-align/frontend/app/views/paragraph/paragraph.container.js
deleted file mode 100644
index d0e9b86..0000000
--- a/animism-align/frontend/app/views/paragraph/paragraph.container.js
+++ /dev/null
@@ -1,66 +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 'app/actions'
-import { Loader } from 'app/common'
-
-import ParagraphEditor from './containers/paragraphEditor.container'
-
-class ParagraphContainer extends Component {
- constructor(props) {
- super(props)
- this.handleKeyDown = this.handleKeyDown.bind(this)
- }
- componentDidMount() {
- document.addEventListener('keydown', this.handleKeyDown)
- }
- componentWillUnmount() {
- 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.loaded) {
- return <div className='body loading'><Loader /></div>
- }
- return (
- <div className='body'>
- <ParagraphEditor />
- </div>
- )
- }
-}
-
-const mapStateToProps = state => ({
- loaded: !!state.annotation.index.lookup && !!state.paragraph.index.lookup && !!state.media.index.lookup
-})
-
-const mapDispatchToProps = dispatch => ({
- // alignActions: bindActionCreators({ ...alignActions }, dispatch),
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(ParagraphContainer)