better the file the list

2 files changed, 8 insertions, 3 deletions

diff --git a/app/client/common/fileList.component.js b/app/client/common/fileList.component.js
index 757955d..40d8e35 100644
--- a/app/client/common/fileList.component.js
+++ b/app/client/common/fileList.component.js
@@ -10,18 +10,18 @@ class FileList extends Component {
     super()
   }
   render(){
-    const { files, linkFiles } = this.props
+    const { files, linkFiles, onClick } = this.props
 	  const fileList = files.map(file => {
 	   	return (
 		   	<div class='row file' key={file.name}>
           <div className="filename" title={file.name || file.url}>
             {(linkFiles && file.url)
               ? <a target='_blank' href={file.url}>{file.name || file.url}</a>
-              : (file.name || file.url)
+              : <span class='link' onClick={() => onClick(file)}>(file.name || file.url)</span>
             }
           </div>
-          <div className="size">{file.size ? ((file.size) / 1024 / 1024).toFixed(1) + ' mb.' : ''}</div>
           <div className="date">{moment(file.created_at).format("YYYY-MM-DD h:mm a")}</div>
+          <div className="size">{file.size ? ((file.size) / 1024 / 1024).toFixed(1) + ' mb.' : ''}</div>
           <div className="epoch">{file.epoch > 0 ? 'epoch ' + file.epoch : ' '}</div>
 	        <div className='activity'>{file.activity || ''} {file.module || ''}</div>
           {this.props.options && this.props.options(file)}
diff --git a/app/client/modules/samplernn/datasets.component.js b/app/client/modules/samplernn/datasets.component.js
index 8f0d59a..ae51c0f 100644
--- a/app/client/modules/samplernn/datasets.component.js
+++ b/app/client/modules/samplernn/datasets.component.js
@@ -29,6 +29,7 @@ class SampleRNNDatasets extends Component {
     this.handleURL = this.handleURL.bind(this)
     this.fetchURL = this.fetchURL.bind(this)
     this.fileOptions = this.fileOptions.bind(this)
+    this.pickFile = this.pickFile.bind(this)
     props.actions.folder.index({ module: 'samplernn' })
     props.actions.file.index({ module: 'samplernn' })
   }
@@ -92,6 +93,9 @@ class SampleRNNDatasets extends Component {
       opt: { url }
     }, { preempt: true, watch: true })
   }
+  pickFile(file){
+    console.log('pick', file)
+  }
   fileOptions(file){
     console.log(file)
     if (file.activity === 'url' && !file.dataset) {
@@ -155,6 +159,7 @@ class SampleRNNDatasets extends Component {
           <FileList
             files={samplernn.files}
             options={this.fileOptions}
+            onClick={this.pickFile}
             linkFiles
           />
         </div>