import { connect } from 'react-redux'
import { addFile, addFiles, addFolder, openFolder, closeFolder } from '../actions'
import BrowserView from '../components/Browser/BrowserView.jsx'

const mapStateToProps = state => state.folders

const mapDispatchToProps = (dispatch, ownProps) => ({
  addFile: (file) => {
    dispatch(addFile(file))
  },
  addFiles: (files) => {
    dispatch(addFiles(files))
  },
  addFolder: (folder) => {
    dispatch(addFolder(folder))
  },
  openFolder: (folder) => {
    dispatch(openFolder(folder))
  },
  closeFolder: (folder) => {
    console.log(folder)
    dispatch(closeFolder(folder))
  }
})

const Browser = connect(
  mapStateToProps,
  mapDispatchToProps
)( BrowserView )

export default Browser