1 files changed, 19 insertions, 4 deletions
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)