1 files changed, 12 insertions, 39 deletions
diff --git a/app/client/modules/samplernn/views/samplernn.new.js b/app/client/modules/samplernn/views/samplernn.new.js
index 821c1d8..b25eab0 100644
--- a/app/client/modules/samplernn/views/samplernn.new.js
+++ b/app/client/modules/samplernn/views/samplernn.new.js
@@ -4,49 +4,21 @@ import { connect } from 'react-redux'
 import { Link } from 'react-router-dom'
 import util from '../../../util'
 
-import {
-  Group, Param
-} from '../../../common'
-
-import NewDatasetForm from '../../../dataset/dataset.new'
+import { Views } from '../../../common'
 
 import * as samplernnActions from '../samplernn.actions'
 import samplernnModule from '../samplernn.module'
 
-class SampleRNNNew extends Component {
-  constructor(props){
-    super(props)
-    props.actions.load_directories()
-  }
-  render(){
-    const { samplernn, history } = this.props
-    console.log(samplernn)
-    let folders
-    if (samplernn.data) {
-      folders = samplernn.data.folders.map(folder => {
-        console.log(folder)
-        const datasetCount = folder.datasets ? folder.datasets.length : 0
-        const [ className, size ] = util.hush_null(datasetCount)
-        return (
-          <Param title={<Link to={'/samplernn/datasets/' + folder.id + '/'}>{folder.name}</Link>}>
-            <span className={className}>{datasetCount} dataset{util.courtesy_s(datasetCount)}</span>
-          </Param>
-        )
-      })
-    }
-    return (
-      <div class='app samplernn'>
-        <div class='col narrow'>
-          <NewDatasetForm module={samplernnModule} history={history} />
-          {folders && <div class='col folderList'>
-            <Group title='Projects'>
-              {folders}
-            </Group>
-          </div>}
-        </div>
-      </div>
-    )
-  }
+function SampleRNNNew(props){
+  return (
+    <Views.New
+      db={props.samplernn}
+      path='/samplernn/datasets/'
+      actions={props.actions}
+      module={samplernnModule}
+      history={props.history}
+    />
+  )
 }
 
 const mapStateToProps = state => ({
@@ -58,3 +30,4 @@ const mapDispatchToProps = (dispatch, ownProps) => ({
 })
 
 export default connect(mapStateToProps, mapDispatchToProps)(SampleRNNNew)
+