✨ Add login form validation

Author: Santiael

src/containers/FormLogin/index.js

@@ -7,21 +7,45 @@ import ActionCollab from "../../components/ActionCollab";
 
 import FormAuth from "../../containers/FormAuth";
 
+import useValidation from "../../libs/validation/useValidation";
+import validation from "./validation";
+
 function FormLogin() {
+  const { value, handleChange, handleSubmit, errors } = useValidation(
+    validation,
+    signIn,
+    "email",
+    "password"
+  );
+
+  function signIn() {}
+
   return (
-    <FormAuth>
+    <FormAuth noValidate onSubmit={handleSubmit}>
       <TitleCollab content="Login" />
 
-      <FieldCollab content="E-mail:" htmlFor="email" id="email" />
       <FieldCollab
-        content="Senha:"
-        htmlFor="password"
+        id="email"
+        htmlFor="email"
+        name="email"
+        content="E-mail:"
+        value={value.email}
+        onChange={handleChange}
+        msgError={errors.email}
+      />
+
+      <FieldCollab
         id="password"
+        htmlFor="password"
         type="password"
-        msgError="Senha com 8 digitos"
+        name="password"
+        content="Senha:"
+        value={value.password}
+        onChange={handleChange}
+        msgError={errors.password}
       />
 
-      <ButtonCollab content="Entrar" to="/dashboard" />
+      <ButtonCollab content="Entrar" as="button" />
       <ActionCollab content="Esqueci a senha" to="/auth/forgot" />
       <ActionCollab content="Criar conta" to="/auth/signup" />
     </FormAuth>