diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-07-22 14:05:15 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-07-22 14:05:15 +0200 |
| commit | ef78bc6a084f92b4794e987b5832240d85b6479e (patch) | |
| tree | b314b630800db6aa60f28ef0b115625e6ca176db /animism-align/frontend/views/paragraph/paragraph.container.js | |
| parent | 85d4cb9addf9ca887d3440b2786665d67d9917c4 (diff) | |
refactor app using babel module-resolver
Diffstat (limited to 'animism-align/frontend/views/paragraph/paragraph.container.js')
| -rw-r--r-- | animism-align/frontend/views/paragraph/paragraph.container.js | 70 |
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) |
