[TODO] Custom error handler for registration screen

[connoro7]

The error handler on the registration screen is throwing some ugly errors 🤮 It needs some good ol' fashioned TLC... or just an extension to the current error handler 😅

[connoro7]

Solution:

Update the submit handler in the registration screen from this:

const submitHandler = (e) => {
    e.preventDefault()
	
	if (password !== confirmPassword) {
        setMessage('Passwords do not match!')
      } else {
        dispatch(register(name, email, password))
      }
}

To this:

const submitHandler = (e) => {
    e.preventDefault()

    if (!name || !email || !password || !confirmPassword) {
      setMessage('All fields are required.')
    } else {
      if (password !== confirmPassword) {
        setMessage('Passwords do not match!')
      } else {
        dispatch(register(name, email, password))
      }
    }
  }

[connoro7]

WARN

Above solution prevents dispatcher from throwing USER_REGISTER_FAILED event. Would prefer to have errors handled by Redux (for brevity).

TODO

Instead, handle the error at the dispatch(register()) level, instead of at the Form level.