1 files changed, 9 insertions, 2 deletions
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)