RegisterForm.jsx 949 B

1234567891011121314151617181920212223242526272829
  1. import { connect } from 'react-redux'
  2. import { message } from 'antd'
  3. import { useEffect } from 'react'
  4. import { actionRegisterTypeSaga } from '../../actions/typeSaga/registerTypesSaga'
  5. import InitialForm from './InitialForm'
  6. import { actionClearPromiseForName } from '../../actions/types/promiseTypes'
  7. const RegisterForm = ({ onLogin, children, register, onClearPromise }) => {
  8. useEffect(() => {
  9. if (register?.status === 'FULFILLED' && register?.payload === null) {
  10. message.error({
  11. content: 'This login is already in the database',
  12. style: {
  13. marginTop: '80px',
  14. },
  15. }) && onClearPromise('register')
  16. }
  17. }, [register])
  18. return <InitialForm onLogin={onLogin}>{'Register'}</InitialForm>
  19. }
  20. export const CRegisterForm = connect(
  21. (state) => ({
  22. register: state.promise?.register,
  23. }),
  24. {
  25. onLogin: actionRegisterTypeSaga,
  26. onClearPromise: actionClearPromiseForName,
  27. },
  28. )(RegisterForm)