client/containers/newFolder.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

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