updating folder names

2 files changed, 54 insertions, 10 deletions

diff --git a/app/client/modules/samplernn/datasets.component.js b/app/client/modules/samplernn/datasets.component.js
index 05f9cc7..5f45cf2 100644
--- a/app/client/modules/samplernn/datasets.component.js
+++ b/app/client/modules/samplernn/datasets.component.js
@@ -21,9 +21,27 @@ class SampleRNNDatasets extends Component {
   constructor(props){
     super()
     // fetch file list
+    this.handleName = this.handleName.bind(this)
     this.handleUpload = this.handleUpload.bind(this)
     this.handleURL = this.handleURL.bind(this)
     props.actions.folder.index({ module: 'samplernn' })
+    props.actions.file.index({ module: 'samplernn' })
+  }
+  handleName(name) {
+    const folder = this.props.samplernn.folder
+    console.log(name)
+    if (! folder.id) {
+      this.props.actions.folder.create({
+        module: 'samplernn',
+        name
+      })
+    } else {
+      this.props.actions.folder.update({
+        id: folder.id,
+        module: 'samplernn',
+        name
+      })
+    }
   }
   handleUpload(file) {
     
@@ -32,6 +50,8 @@ class SampleRNNDatasets extends Component {
 
   }
   render(){
+    const { samplernn } = this.props
+    console.log(samplernn)
     return (
       <div className='app'>
         <div className='heading'>
@@ -39,7 +59,12 @@ class SampleRNNDatasets extends Component {
         </div>
         <div className='params row'>
           <div className='column'>
-            <Group title='Create Dataset'>
+            <Group title='Dataset'>
+              <TextInput
+                title='Dataset name'
+                value={samplernn.folder.name}
+                onSave={this.handleName}
+              />
               <FileUpload
                 title='Upload a file'
                 onChange={this.handleUpload}
@@ -52,14 +77,16 @@ class SampleRNNDatasets extends Component {
           </div>
         </div>
         <div className='params row'>
-          <h3>Datasets</h3>
+          <h3>Files</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 className="row">
+              <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>
@@ -69,11 +96,14 @@ class SampleRNNDatasets extends Component {
 }
 
 const mapStateToProps = state => ({
+  samplernn: state.module.samplernn
 })
 
 const mapDispatchToProps = (dispatch, ownProps) => ({
   actions: {
-    folder: bindActionCreators(actions.folder, dispatch)
+    folder: bindActionCreators(actions.folder, dispatch),
+    file: bindActionCreators(actions.file, dispatch),
+    task: bindActionCreators(actions.task, dispatch),
   }
 })
 
diff --git a/app/client/modules/samplernn/samplernn.reducer.js b/app/client/modules/samplernn/samplernn.reducer.js
index 5424422..5a49aba 100644
--- a/app/client/modules/samplernn/samplernn.reducer.js
+++ b/app/client/modules/samplernn/samplernn.reducer.js
@@ -3,7 +3,8 @@ import types from '../../types'
 const samplernnInitialState = {
   loading: false,
   error: null,
-  datasets: [],
+  folder: {},
+  folders: [],
   results: [],
 }
 
@@ -26,6 +27,19 @@ const samplernnReducer = (state = samplernnInitialState, action) => {
       }
     case types.folder.index:
       console.log(action)
+      return {
+        folders: action.data,
+        folder: action.data[0],
+      }
+      return
+    case types.folder.update:
+      console.log(action)
+      return
+    case types.file.index:
+      console.log(action)
+      return
+    case types.file.create:
+      console.log(action)
       return
     default:
       return state