From e039260b14382782d3df874d05608fbdd8fd5ce3 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 10 Mar 2021 18:51:50 +0100
Subject: connect waveupload module for dev

---
 .../components/sidebar/waveUpload.component.js     | 23 ++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

(limited to 'animism-align/frontend/app/views/editor/align/components/sidebar/waveUpload.component.js')

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)
-- 
cgit v1.2.3-70-g09d2