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 { Views } from '../../../common'

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

function SampleRNNNew(props){
  return (
    <Views.New
      db={props.samplernn}
      path='/samplernn/datasets/'
      actions={props.actions}
      module={samplernnModule}
      history={props.history}
    />
  )
}

const mapStateToProps = state => ({
  samplernn: state.module.samplernn,
})

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

export default connect(mapStateToProps, mapDispatchToProps)(SampleRNNNew)