1 files changed, 11 insertions, 3 deletions
diff --git a/app/client/modules/samplernn/samplernn.show.js b/app/client/modules/samplernn/samplernn.show.js
index 8b6f357..1237d9b 100644
--- a/app/client/modules/samplernn/samplernn.show.js
+++ b/app/client/modules/samplernn/samplernn.show.js
@@ -21,6 +21,10 @@ const samplernnModule = {
 }
 
 class SampleRNNShow extends Component {
+  constructor(props){
+    super(props)
+    this.datasetActions = this.datasetActions.bind(this)
+  }
   render(){
     const { samplernn, match, history } = this.props
     const { folderLookup } = (samplernn.data || {})
@@ -51,12 +55,12 @@ class SampleRNNShow extends Component {
             console.log('picked a file', file)
             this.handlePick(file)
           }}
-          datasetActions={(dataset) => this.datasetActions(dataset)}
+          datasetActions={this.datasetActions}
         />
       </div>
     )
   }
-  datasetActions(dataset){
+  datasetActions(dataset, isFetching=false, isProcessing=false){
     const { samplernn, remote } = this.props
     const { fileLookup } = samplernn.data
     const input = fileLookup[dataset.input[0]]
@@ -76,8 +80,12 @@ class SampleRNNShow extends Component {
             {'fetched '}
             <span class='link' onClick={() => remote.clear_cache_task(dataset)}>rm</span>
           </div>
+        : isFetching
+        ? <div class='subtext'>
+            {'fetching'}
+          </div>
         : <div class='subtext'>
-            <span class='link' onClick={() => remote.fetch_task(input.url)}>fetch</span>
+            <span class='link' onClick={() => remote.fetch_task(input.url, input.id, dataset.name)}>fetch</span>
           </div>
         }
       </div>