import { connect } from 'react-redux'
import {
  cancelNewFolder,
  createNewFolder,
  addFolder,
} from '../actions'
import NewFolderView from '../components/Browser/Folders/NewFolderView.jsx'

const mapStateToProps = (state) => (state.newFolder)

const mapDispatchToProps = (dispatch, ownProps) => ({
  onClose: () => {
    dispatch(cancelNewFolder())
  },
  onChange: (e) => {
    const name = e.currentTarget.value
    if (! name) return
    dispatch(createNewFolder(name, (folder) => {
      dispatch(addFolder(folder))
    }))
  }
})

const NewFolder = connect(
  mapStateToProps,
  mapDispatchToProps
)(NewFolderView)

export default NewFolder