authorisation.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. import React from "react";
  2. import { reduxForm, Field } from "redux-form";
  3. import authValidate from "../../utils/validate";
  4. import Authbuttons from './authButtons'
  5. const Form = props => {
  6. const { handleSubmit, getUsersData } = props
  7. const submit = (values) => {
  8. getUsersData(values);
  9. }
  10. return (
  11. <div>
  12. <form className="auth__form" onSubmit={handleSubmit(submit)}>
  13. <Authbuttons />
  14. <div>
  15. <Field
  16. name="email"
  17. component="input"
  18. type="Емейл"
  19. placeholder="email@example.com"
  20. />
  21. </div>
  22. <div>
  23. <Field
  24. name="password"
  25. component="input"
  26. type="password"
  27. placeholder ="Пароль"
  28. />
  29. </div>
  30. <button className="auth__submit-button">Отправить</button>
  31. </form>
  32. </div>
  33. );
  34. }
  35. export default reduxForm({ form: "authForm", validate: authValidate })(Form);