From 91c47c22f2c71c524fd665f19186bb014c94ab31 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 4 Jun 2018 04:50:27 +0200
Subject: audioplayer you can toggle

---
 app/client/modules/samplernn/samplernn.show.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'app/client/modules/samplernn/samplernn.show.js')

diff --git a/app/client/modules/samplernn/samplernn.show.js b/app/client/modules/samplernn/samplernn.show.js
index 8e271fc..2d27b8d 100644
--- a/app/client/modules/samplernn/samplernn.show.js
+++ b/app/client/modules/samplernn/samplernn.show.js
@@ -4,6 +4,7 @@ import { connect } from 'react-redux'
 import * as util from '../../util'
 
 import * as samplernnActions from './samplernn.actions'
+import * as audioPlayerActions from '../../common/audioPlayer/audioPlayer.actions'
 
 import DatasetForm from '../../dataset/dataset.form'
 import NewDatasetForm from '../../dataset/dataset.new'
@@ -35,10 +36,19 @@ class SampleRNNShow extends Component {
         }
         <SampleRNNDatasets
           id={this.props.match.params.id || localStorage.getItem('samplernn.last_id')}
+          onPickFile={(file, e) => {
+            e.preventDefault()
+            e.stopPropagation()
+            console.log('picked a file', file)
+            this.handlePick(file)
+          }}
         />
       </div>
     )
   }
+  handlePick(file){
+    this.props.audioPlayer.play(file)
+  }
 }
 
 const mapStateToProps = state => ({
@@ -48,6 +58,7 @@ const mapStateToProps = state => ({
 
 const mapDispatchToProps = (dispatch, ownProps) => ({
   actions: bindActionCreators(samplernnActions, dispatch),
+  audioPlayer: bindActionCreators(audioPlayerActions, dispatch),
 })
 
 export default connect(mapStateToProps, mapDispatchToProps)(SampleRNNShow)
-- 
cgit v1.2.3-70-g09d2