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

const mapStateToProps = (state) => state.currentTask

const mapDispatchToProps = {
  clearContent: () => setContent(null),
  clearStyle: () => setStyle(null),
  setAlpha: (alpha) => setAlpha(alpha),
  createTask: () => createTask(),
}

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

export default TaskForm