import { connect } from 'react-redux'
import { setContent, setStyle, setAlpha, createTask, addTask } from '../actions'
import TaskFormView from '../components/Tasks/TaskFormView.jsx'
import client from '../client'

const mapStateToProps = (state) => state.currentTask

const mapDispatchToProps = (dispatch, ownProps) => ({
  clearContent: () => dispatch(setContent(null)),
  clearStyle: () => dispatch(setStyle(null)),
  setAlpha: (alpha) => dispatch(setAlpha(alpha)),
  createTask: () => dispatch(createTask( (t) => {
    console.log(client.task)
    client.task.show(t.id).then( (task) => {
      dispatch(addTask(task))
    })
  })),
})

const TaskForm = connect(
  mapStateToProps,
  mapDispatchToProps
)(TaskFormView)

export default TaskForm