Refactor and README.md changes

Author: TOPOFGR

README.md

@@ -88,6 +88,8 @@ React Firebase Admin is our in-house admin dashboard boilerplate, used in many o
 - [Format.js](https://formatjs.io/) (★ 11.7k) libraries for internationalization (see [docs](https://formatjs.io/docs/basic-internationalization-principles)).
 - [date-fns](https://date-fns.org/) (★ 22.3k) date utility library (see [docs](https://date-fns.org/docs/Getting-Started)).
 - [cross-env](https://github.com/kentcdodds/cross-env) (★ 4.9k) run scripts that set and use environment variables across platforms (see [docs](https://www.npmjs.com/package/cross-env)).
+- [React Hook Form](https://github.com/react-hook-form/react-hook-form) (★ 14.6k) Performant, flexible and extensible forms with easy to use validation.
+- [yup](https://github.com/jquense/yup) (★ 11k) schema builder for value parsing and validation.
 
 ### Unit Testing
 

src/components/UserForm/index.jsx

@@ -36,7 +36,7 @@ const UserForm = ({ isEditing, isProfile, user, onSubmitHandler, schema }) => {
       setValue('file', null);
     }
     return () => dispatch(usersCleanUp());
-  }, [dispatch, success]);
+  }, [dispatch, success, setValue]);
 
   const invalidEmailMessage = useFormatMessage('UserForm.invalidEmail');
 

src/pages/Login/index.jsx

@@ -155,17 +155,18 @@ const Login = () => {
                           ref={register}
                         />
                       </div>
-                      {isEmailLink ? (
-                        errors.password ? (
-                          <ErrorMessage text={unsafePasswordMessage} />
-                        ) : (
-                          isValidPassword && (
-                            <p className="is-success">{safePasswordMessage}</p>
-                          )
-                        )
+                      {errors.password ? (
+                        <ErrorMessage
+                          text={
+                            isEmailLink
+                              ? unsafePasswordMessage
+                              : invalidPasswordMessage
+                          }
+                        />
                       ) : (
-                        errors.password && (
-                          <ErrorMessage text={invalidPasswordMessage} />
+                        isEmailLink &&
+                        isValidPassword && (
+                          <p className="is-success">{safePasswordMessage}</p>
                         )
                       )}
                     </div>

src/pages/Users/index.jsx

@@ -160,7 +160,6 @@ const Users = () => {
         delete clonedElem.id;
         delete clonedElem.isAdmin;
         delete clonedElem.logoUrl;
-        delete clonedElem.teams;
         return Object.values(clonedElem).some((field) =>
           field.toLowerCase().includes(search.toLowerCase())
         );