From 209cfd09c16122e94acb1e28972a97a46c92a5c7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 7 Jun 2018 15:27:30 +0200
Subject: folder list on new samplernn page

---
 app/client/modules/pix2pix/views/pix2pix.new.js | 40 +++++++++++++++++++++----
 1 file changed, 34 insertions(+), 6 deletions(-)

(limited to 'app/client/modules/pix2pix/views/pix2pix.new.js')

diff --git a/app/client/modules/pix2pix/views/pix2pix.new.js b/app/client/modules/pix2pix/views/pix2pix.new.js
index 203a606..f9f5db7 100644
--- a/app/client/modules/pix2pix/views/pix2pix.new.js
+++ b/app/client/modules/pix2pix/views/pix2pix.new.js
@@ -1,13 +1,41 @@
 import { h, Component } from 'preact'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
 
 import NewDatasetForm from '../../../dataset/dataset.new'
 
+import * as pix2pixActions from '../pix2pix.actions'
 import pix2pixModule from '../pix2pix.module'
 
-export default function Pix2PixNew ({ history }) {
-  return (
-    <div class='app pix2pix'>
-      <NewDatasetForm module={pix2pixModule} history={history} />
-    </div>
-  )
+class Pix2PixNew extends Component {
+  constructor(props){
+    super(props)
+    props.actions.load_directories()
+  }
+  render(){
+    const { pix2pix, history } = this.props
+    console.log(pix2pix)
+    let folders
+    if (pix2pix.data) {
+      pix2pix.data.folders.forEach(folder => {
+        console.log(folder)
+      })
+    }
+    return (
+      <div class='app pix2pix'>
+        <NewDatasetForm module={pix2pixModule} history={history} />
+        {folders}
+      </div>
+    )
+  }
 }
+
+const mapStateToProps = state => ({
+  pix2pix: state.module.pix2pix,
+})
+
+const mapDispatchToProps = (dispatch, ownProps) => ({
+  actions: bindActionCreators(pix2pixActions, dispatch),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Pix2PixNew)
-- 
cgit v1.2.3-70-g09d2