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

---
 .../sidebar/tableOfContents.component.js           |  2 +-
 .../components/sidebar/waveUpload.component.js     | 23 ++++++++++++++++++----
 2 files changed, 20 insertions(+), 5 deletions(-)

(limited to 'animism-align/frontend/app/views/editor/align/components/sidebar')

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