From 96dc09f8c460643bffc147b81e37fd7754a8356b Mon Sep 17 00:00:00 2001
From: Giannis Kopanas <jkopanas@gmail.com>
Date: Thu, 31 Jan 2019 12:12:07 +0200
Subject: [PATCH] feat(signup): formik enable for signup
---
packages/components/Signup/Signup.jsx | 4 ++--
packages/components/Signup/SignupContainer.js | 21 +++++++++++++++++++
2 files changed, 23 insertions(+), 2 deletions(-)
create mode 100644 packages/components/Signup/SignupContainer.js
diff --git a/packages/components/Signup/Signup.jsx b/packages/components/Signup/Signup.jsx
index 5c02d7c4d..54a50abb2 100644
--- a/packages/components/Signup/Signup.jsx
+++ b/packages/components/Signup/Signup.jsx
@@ -21,11 +21,11 @@ const Logo = styled.div`
`
const UsernameInput = props => (
- <TextField label="Username" {...props.input} placeholder="Username" />
+ <TextField label="Username" {...props.field} placeholder="Username" />
)
const EmailInput = props => (
- <TextField label="Email" {...props.input} placeholder="Email" type="email" />
+ <TextField label="Email" {...props.field} placeholder="Email" type="email" />
)
const PasswordInput = props => (
<TextField
diff --git a/packages/components/Signup/SignupContainer.js b/packages/components/Signup/SignupContainer.js
new file mode 100644
index 000000000..589fb5d48
--- /dev/null
+++ b/packages/components/Signup/SignupContainer.js
@@ -0,0 +1,21 @@
+import { compose } from 'recompose'
+import { withFormik } from 'formik'
+
+import { signupUser } from './actions'
+import Signup from './Signup'
+
+const handleSubmit = (values, dispatch) => {
+ dispatch(signupUser(values))
+}
+
+const enhancedFormik = withFormik({
+ initialValues: {
+ username: '',
+ email: '',
+ password: '',
+ },
+ displayName: 'signup',
+ handleSubmit,
+})(Signup)
+
+export default compose()(enhancedFormik)
--
GitLab