1 files changed, 24 insertions, 13 deletions
diff --git a/app/client/modules/samplernn/datasets.component.js b/app/client/modules/samplernn/datasets.component.js
index ae51c0f..441c17b 100644
--- a/app/client/modules/samplernn/datasets.component.js
+++ b/app/client/modules/samplernn/datasets.component.js
@@ -2,7 +2,7 @@ import { h, Component } from 'preact'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
-import { actions } from '../../api'
+import { actions, parser } from '../../api'
 import * as taskActions from '../../task/task.actions'
 import * as systemActions from '../../system/system.actions'
   // folderActions.index({ module: 'samplernn' })
@@ -72,15 +72,20 @@ class SampleRNNDatasets extends Component {
     // duration analysis
     // size activity
     // opt created_at updated_at
-    const folder = this.props.samplernn.folder
-    this.props.actions.file.create({
-      folder_id: folder.id,
-      module: 'samplernn',
-      activity: 'url',
-      epoch: 0,
-      processed: false,
-      generated: false,
-      url
+    parser.parse(url, media => {
+      if (!media) return
+      console.log('media', media)
+      return
+      const folder = this.props.samplernn.folder
+      this.props.actions.file.create({
+        folder_id: folder.id,
+        module: 'samplernn',
+        activity: 'url',
+        epoch: 0,
+        processed: false,
+        generated: false,
+        url
+      })
     })
   }
   fetchURL(url) {
@@ -122,6 +127,8 @@ class SampleRNNDatasets extends Component {
   }
   render(){
     const { samplernn } = this.props
+    console.log(samplernn.upload)
+    // sort files??
     return (
       <div className='app'>
         <div className='heading'>
@@ -153,13 +160,17 @@ class SampleRNNDatasets extends Component {
           </div>
         </div>
         <div className='params col'>
-          {samplernn.files.length ? 
-            <h3>Files</h3> :
-            <h4>No files</h4>}
+          <div class='row heading'>
+            {samplernn.files.length ? 
+              <h3>Files</h3> :
+              <h4>No files</h4>}
+            <div>{samplernn.upload.loading && samplernn.upload.status}</div>
+          </div>
           <FileList
             files={samplernn.files}
             options={this.fileOptions}
             onClick={this.pickFile}
+            showDelete
             linkFiles
           />
         </div>