3 files changed, 16 insertions, 22 deletions
diff --git a/app/client/modules/pix2pix/index.js b/app/client/modules/pix2pix/index.js
index f3a4050..607292e 100644
--- a/app/client/modules/pix2pix/index.js
+++ b/app/client/modules/pix2pix/index.js
@@ -22,6 +22,7 @@ function router () {
 function links(){
   return (
     <span>
+      <span><Link to="/pix2pix/new/">new</Link></span>
       <span><Link to="/pix2pix/sequences/">sequences</Link></span>
       <span>train</span>
       <span>process</span>
diff --git a/app/client/modules/pix2pix/pix2pix.module.js b/app/client/modules/pix2pix/pix2pix.module.js
index 65e173a..ef831b5 100644
--- a/app/client/modules/pix2pix/pix2pix.module.js
+++ b/app/client/modules/pix2pix/pix2pix.module.js
@@ -1,5 +1,6 @@
 const pix2pixModule = {
   name: 'pix2pix',
+  displayName: 'Pix2Pix',
   datatype: 'video',
 }
 
diff --git a/app/client/modules/pix2pix/views/pix2pix.new.js b/app/client/modules/pix2pix/views/pix2pix.new.js
index f9f5db7..6699cf4 100644
--- a/app/client/modules/pix2pix/views/pix2pix.new.js
+++ b/app/client/modules/pix2pix/views/pix2pix.new.js
@@ -1,33 +1,24 @@
 import { h, Component } from 'preact'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
+import { Link } from 'react-router-dom'
+import util from '../../../util'
 
-import NewDatasetForm from '../../../dataset/dataset.new'
+import { Views } from '../../../common'
 
 import * as pix2pixActions from '../pix2pix.actions'
 import pix2pixModule from '../pix2pix.module'
 
-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>
-    )
-  }
+function Pix2PixNew(props){
+  return (
+    <Views.New
+      db={props.pix2pix}
+      path='/pix2pix/datasets/'
+      actions={props.actions}
+      module={pix2pixModule}
+      history={props.history}
+    />
+  )
 }
 
 const mapStateToProps = state => ({
@@ -39,3 +30,4 @@ const mapDispatchToProps = (dispatch, ownProps) => ({
 })
 
 export default connect(mapStateToProps, mapDispatchToProps)(Pix2PixNew)
+