import { connect } from 'react-redux'
import BrowserView from '../components/Browser/BrowserView.jsx'

const mapStateToProps = state => state.folders

const mapDispatchToProps = (dispatch, ownProps) => ({
  addFolder: (folder) => {
    // this.setState({ folders: this.state.folders.concat([folder]) })
  },
  openFolder: (folder) => {
//     if (this.state.openFolders.indexOf(folder.id) === -1) {
//       const newOpenFolders = this.state.openFolders.concat(folder.id)
//       localStorage['openFolders'] = JSON.stringify(newOpenFolders)
//       this.setState({ openFolders: newOpenFolders })
//     }
  },
  closeFolder: (folder) => {
//     const openFolders = this.state.openFolders.filter( folder_id => folder_id !== folder.id )
//     localStorage['openFolders'] = JSON.stringify(openFolders)
//     this.setState({ openFolders })
  }
})

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

export default Browser