diff options
Diffstat (limited to 'animism-align/frontend/app/views/editor/align/components/sidebar')
2 files changed, 20 insertions, 5 deletions
diff --git a/animism-align/frontend/app/views/editor/align/components/sidebar/tableOfContents.component.js b/animism-align/frontend/app/views/editor/align/components/sidebar/tableOfContents.component.js index 9d8dd64..8fb3d54 100644 --- a/animism-align/frontend/app/views/editor/align/components/sidebar/tableOfContents.component.js +++ b/animism-align/frontend/app/views/editor/align/components/sidebar/tableOfContents.component.js @@ -11,7 +11,7 @@ class TableOfContents extends Component { if (loading || !order) return null const sectionIds = order.filter(id => lookup[id].type === "section_heading") return ( - <div className="toc"> + <div className="sidebar-content toc"> {sectionIds.map((id, i) => ( <div key={id} onClick={() => actions.align.setScrollPosition(lookup[id].start_ts)}> {ROMAN_NUMERALS[i]}{'. '}{lookup[id].text} diff --git a/animism-align/frontend/app/views/editor/align/components/sidebar/waveUpload.component.js b/animism-align/frontend/app/views/editor/align/components/sidebar/waveUpload.component.js index 5293ffd..e97d3cd 100644 --- a/animism-align/frontend/app/views/editor/align/components/sidebar/waveUpload.component.js +++ b/animism-align/frontend/app/views/editor/align/components/sidebar/waveUpload.component.js @@ -4,14 +4,29 @@ import { connect } from 'react-redux' import actions from 'app/actions' -const WaveUpload = ({ peaks }) => { - return ( - <div /> - ) +class WaveUpload extends Component { + render() { + const { episode, peaks } = this.props + return ( + <div className="sidebar-content wave-upload"> + {peaks.length && ( + <div> + Peaks: {peaks.length} + </div> + )} + {!episode.settings.audio && ( + <div> + Upload an audio file + </div> + )} + </div> + ) + } } const mapStateToProps = state => ({ peaks: state.align.peaks, + episode: state.site.episode, }) export default connect(mapStateToProps)(WaveUpload) |