Add form validations

[gauravchl]

Summary:

• This PR implements the form validation using React Hook form and JOI validation schema

• First commit cf24584 implements the basic structure and reusable components required for validation.

• Second commit 6f4ae37 is an example of how to apply validation to any form.

  1. Create a validation schema(eg: SignUpForm.schema.js)
  2. Import schema into form and pass it down.
  3. Feel free to update validation rules in schema currently applied to signup form.

• Currently validation is only applied to signup form and server side error messages specific to individual field is not implemented yet.

Related Issue:

• Add Form Validations to AuthForms #93

TODO:

• Write tests for validation

[lpatmo]

Yay, thank you so much for working on this, @gauravchl! :)

Forgive me if this isn't yet ready for review; there were two issues I noticed:

1/ When I start typing into the form, I see this error:

2/ On submit, I'm seeing this error:

[lpatmo]

Also cc'ing @peoray here to help review, since you were originally assigned to #93!

[gauravchl]

2/ On submit, I'm seeing this error:

@lpatmo Are you getting this error after axios call?

[angelocordon-omada]

Looks like a good direction @gauravchl - I think we should also try to add specs here testing the expected validation behaviors.

[lpatmo]

2/ On submit, I'm seeing this error:

@lpatmo Are you getting this error after axios call?

Yeah, I was getting that error after submit! It looks like if you make this change, it works:

   email: Joi.string()
-    .email({ tlds: { allow: false } })
+    .email({ tlds: { allow: true } })

Not sure why, though -- makes me think tlds is broken in https://github.com/hapijs/joi/blob/master/API.md.

UPDATE: Actually never mind, I'm confused because it's broken again, but after I restarted both my backend server and frontend app and I changed it back to false it worked??

[lpatmo]

Thanks again for your time on this, Gaurav! :D This is looking awesome! Will let @angelocordon review as well, and afterwards I think this should be ready to merge...

[sebbel]

left a few comments, good job @gauravchl :)

[sebbel]

are any of these required?

[angelocordon]

I think we can do a final pass and merge it in soon. Thanks!

[angelocordon]

Waiting for a few clean up (see comments) and validation testing.

[angelocordon]

LGTM