diff options
Diffstat (limited to 'animism-align/frontend/app/views/editor/align/containers/sidebar.container.js')
| -rw-r--r-- | animism-align/frontend/app/views/editor/align/containers/sidebar.container.js | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/animism-align/frontend/app/views/editor/align/containers/sidebar.container.js b/animism-align/frontend/app/views/editor/align/containers/sidebar.container.js deleted file mode 100644 index 8ff8181..0000000 --- a/animism-align/frontend/app/views/editor/align/containers/sidebar.container.js +++ /dev/null @@ -1,42 +0,0 @@ -import React, { Component } from 'react' -import { connect } from 'react-redux' -// import { Link } from 'react-router-dom' - -import actions from 'app/actions' - -import Script from '../components/sidebar/script.component.js' -import TableOfContents from '../components/sidebar/tableOfContents.component.js' -import WaveUpload from '../components/sidebar/waveUpload.component.js' - -class Sidebar extends Component { - state = { - mode: "toc", - } - componentDidMount(){ - if (!this.props.peaks.length) { - this.setState({ mode: "wav" }) - } - } - - render() { - const { mode } = this.state - return ( - <div className='sidebar'> - <div className='buttons'> - <button onClick={() => this.setState({ mode: "txt" })}>text</button> - <button onClick={() => this.setState({ mode: "wav" })}>wav</button> - <button onClick={() => this.setState({ mode: "toc" })}>contents</button> - </div> - {mode === 'toc' && <TableOfContents />} - {mode === 'txt' && <Script />} - {mode === 'wav' && <WaveUpload />} - </div> - ) - } -} - -const mapStateToProps = state => ({ - peaks: state.align.peaks, -}) - -export default connect(mapStateToProps)(Sidebar) |
