summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/editor/align/containers/sidebar.container.js
diff options
context:
space:
mode:
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.js42
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)