action divs

1 files changed, 15 insertions, 3 deletions

diff --git a/app/client/modules/samplernn/samplernn.results.js b/app/client/modules/samplernn/samplernn.results.js
index 7e71197..85720cd 100644
--- a/app/client/modules/samplernn/samplernn.results.js
+++ b/app/client/modules/samplernn/samplernn.results.js
@@ -5,6 +5,8 @@ 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 Loading from '../../common/loading.component'
 
 import { FileList, FileRow } from '../../common/fileList.component'
 
@@ -43,7 +45,7 @@ class SampleRNNResults extends Component {
     )
   }
   render(){
-    if (this.props.samplernn.loading) return <span>Loading</span>
+    if (this.props.samplernn.loading) return <Loading progress={this.props.samplernn.progress} />
     const { folderLookup } = this.props.samplernn.data
     // const { folderLookup } = samplernn
 
@@ -69,15 +71,21 @@ class SampleRNNResults extends Component {
             files={bestRenders}
             orderBy='date desc'
             fields={'name date epoch size'}
+            onClick={(file, e) => {
+              e.preventDefault()
+              e.stopPropagation()
+              console.log('picked a file', file)
+              this.handlePick(file)
+            }}
           />
         </div>
       )
     })
 
     return (
-      <div className='app'>
+      <div className='app top left'>
         <div className='heading'>
-          <h2>SampleRNN</h2>
+          <h1>SampleRNN Results</h1>
         </div>
         <div class='rows params renders'>
           <Link to='/samplernn/new/'>new dataset</Link>
@@ -87,6 +95,9 @@ class SampleRNNResults extends Component {
       </div>
     )
   }
+  handlePick(file){
+    this.props.audioPlayer.play(file)
+  }
 }
 
 const mapStateToProps = state => ({
@@ -97,6 +108,7 @@ const mapStateToProps = state => ({
 
 const mapDispatchToProps = (dispatch, ownProps) => ({
   actions: bindActionCreators(samplernnActions, dispatch),
+  audioPlayer: bindActionCreators(audioPlayerActions, dispatch),
 })
 
 export default connect(mapStateToProps, mapDispatchToProps)(SampleRNNResults)