import { connect } from 'react-redux'
import { cancelTask } from '../actions'
import TaskListView from '../components/Tasks/TaskListView.jsx'

const mapStateToProps = (state) => ({ tasks: state.tasks })

const mapDispatchToProps = (dispatch) => ({
  cancelTask: (task) => {
    dispatch(cancelTask(task))
  }
})

const TaskList = connect(
  mapStateToProps,
  mapDispatchToProps
)(TaskListView)

export default TaskList