1 files changed, 16 insertions, 5 deletions
diff --git a/app/client/modules/samplernn/datasets.component.js b/app/client/modules/samplernn/datasets.component.js
index 989f145..56024e7 100644
--- a/app/client/modules/samplernn/datasets.component.js
+++ b/app/client/modules/samplernn/datasets.component.js
@@ -12,11 +12,12 @@ import TextInput from '../../common/textInput.component'
 class SampleRNNDatasets extends Component {
   constructor(props){
     super()
+    // fetch file list
     this.handleUpload = this.handleUpload.bind(this)
     this.handleURL = this.handleURL.bind(this)
   }
   handleUpload(file) {
-
+    
   }
   handleURL(url) {
 
@@ -25,7 +26,7 @@ class SampleRNNDatasets extends Component {
     return (
       <div className='app'>
         <div className='heading'>
-          <h3>SampleRNN Datasets</h3>
+          <h3>SampleRNN</h3>
         </div>
         <div className='params row'>
           <div className='column'>
@@ -41,13 +42,23 @@ class SampleRNNDatasets extends Component {
             </Group>
           </div>
         </div>
+        <div className='params row'>
+          <h3>Datasets</h3>
+          <div className="media">
+            <div className="filename">foo.mp3</div>
+            <div className="size">1.2 mb</div>
+            <div className="date">30 May 2018</div>
+            <div className="epoch">epoch 30</div>
+            <div className="options">
+              delete
+            </div>
+          </div>
+        </div>
       </div>
     )
   }
 }
-function timeInSeconds(n){
-  return (n / 10).toFixed(1) + ' s.'
-}
+
 const mapStateToProps = state => ({
 })