From 46314bd1b71bc2b55058055788f59b21db792217 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 10 Mar 2021 17:47:31 +0100
Subject: check if audio file was uploaded

---
 .../frontend/app/views/editor/align/align.container.js        | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/editor/align/align.container.js')

diff --git a/animism-align/frontend/app/views/editor/align/align.container.js b/animism-align/frontend/app/views/editor/align/align.container.js
index 168551d..e145936 100644
--- a/animism-align/frontend/app/views/editor/align/align.container.js
+++ b/animism-align/frontend/app/views/editor/align/align.container.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import { connect } from 'react-redux'
 
 import './align.css'
 
@@ -14,7 +15,9 @@ class Container extends Component {
     return (
       <div className='body alignmentEditor'>
         <div className='row'>
-          <Timeline />
+          {this.props.peaks.length
+            ? <Timeline />
+            : <div className="overview">No audio file loaded</div>}
         </div>
         <Sidebar />
       </div>
@@ -22,4 +25,8 @@ class Container extends Component {
   }
 }
 
-export default Container
+const mapStateToProps = state => ({
+  peaks: state.align.peaks,
+})
+
+export default connect(mapStateToProps)(Container)
-- 
cgit v1.2.3-70-g09d2