writing task form in a reduxy way

3 files changed, 62 insertions, 0 deletions

diff --git a/client/containers/taskContentLink.js b/client/containers/taskContentLink.js
new file mode 100644
index 0000000..bb8ae37
--- /dev/null
+++ b/client/containers/taskContentLink.js
@@ -0,0 +1,19 @@
+import { connect } from 'react-redux'
+import { setContent } from '../actions'
+import Link from '../components/UI/Link.jsx'
+
+const mapStateToProps = (state, ownProps) => ({
+})
+
+const mapDispatchToProps = (dispatch, ownProps) => ({
+  onClick: () => {
+    dispatch(setContent(ownProps.file))
+  }
+})
+
+const TaskContentLink = connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Link)
+
+export default TaskContentLink
diff --git a/client/containers/taskForm.js b/client/containers/taskForm.js
new file mode 100644
index 0000000..ac1a214
--- /dev/null
+++ b/client/containers/taskForm.js
@@ -0,0 +1,24 @@
+import { h, Component } from 'preact'
+import { Link } from 'react-router-dom'
+
+import client from '../client.js'
+
+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
diff --git a/client/containers/taskStyleLink.js b/client/containers/taskStyleLink.js
new file mode 100644
index 0000000..7ec5ce5
--- /dev/null
+++ b/client/containers/taskStyleLink.js
@@ -0,0 +1,19 @@
+import { connect } from 'react-redux'
+import { setStyle } from '../actions'
+import Link from '../components/UI/Link.jsx'
+
+const mapStateToProps = (state, ownProps) => ({
+})
+
+const mapDispatchToProps = (dispatch, ownProps) => ({
+  onClick: () => {
+    dispatch(setStyle(ownProps.file))
+  }
+})
+
+const TaskStyleLink = connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Link)
+
+export default TaskStyleLink