import { h, Component } from 'preact'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import * as util from '../../../util'

import * as samplernnActions from '../samplernn.actions'

import DatasetForm from '../../../dataset/dataset.form'
import NewDatasetForm from '../../../dataset/dataset.new'
import { FileList, FileRow } from '../../../common/fileList.component'

import samplernnModule from '../samplernn.module'

class SampleRNNNew extends Component {
  constructor(props){
    super(props)
  }
  render(){
    const { history } = this.props
    return (
      <div class='app samplernn'>
        <NewDatasetForm module={samplernnModule} history={history} />
      </div>
    )
  }
}
const mapStateToProps = state => ({
  samplernn: state.module.samplernn,
})

const mapDispatchToProps = (dispatch, ownProps) => ({
  actions: bindActionCreators(samplernnActions, dispatch),
})

export default connect(mapStateToProps, mapDispatchToProps)(SampleRNNNew)