import { connect } from 'react-redux'
import { initNewFolder, openFolder, addFiles } from '../actions'
import FolderListView from '../components/Browser/Folders/FolderListView.jsx'

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

const mapDispatchToProps = (dispatch, ownProps) => ({
  initNewFolder: () => {
    dispatch(initNewFolder())
  },
  openFolder: (folder) => {
    dispatch(openFolder(folder, (files) => {
      dispatch(addFiles(files))
    }))
  },
})

const FolderList = connect(
  mapStateToProps,
  mapDispatchToProps
)(FolderListView)

export default FolderList