From af30ce1f237cbc5590d3d237975fc1cf6e308af4 Mon Sep 17 00:00:00 2001
From: guilherme-gcaetano <guilherme@glide.com.br>
Date: Wed, 5 Feb 2025 10:34:52 -0300
Subject: [PATCH 1/4] style: format code and remove comments

---
 src/pages/Register/Register.jsx | 135 +++++++++++++++-----------------
 1 file changed, 65 insertions(+), 70 deletions(-)

diff --git a/src/pages/Register/Register.jsx b/src/pages/Register/Register.jsx
index 10335c1..515a9c9 100644
--- a/src/pages/Register/Register.jsx
+++ b/src/pages/Register/Register.jsx
@@ -2,80 +2,75 @@ import "./Register.css";
 import { useState } from "react";
 
 const Register = () => {
-//state 1
-const [email, setEmail] = useState("");
-//state 2
-const [password, setPassword] = useState("");
-//array de usuários autorizados
-const autorizedUsers = [
-{
-email: "commitzen@glide.com.br",
-password: "123456",
-},
-];
-  
-//onchange 1
-const onEmailChange = (e) => {
-setEmail(e.target.value);
-console.log(e.target.value);
-};
 
-//onchange 2
-const onPasswordChange = (e) => {
-setPassword(e.target.value);
-console.log(e.target.value);
+  const [email, setEmail] = useState("");
 
-};
+  const [password, setPassword] = useState("");
 
-// submit
-const handleSubmit = (e) => {
-e.preventDefault();
-//if ternário
-const user = autorizedUsers.find(
-(user) => user.email != password || user.password !== email
-);
-console.log(user);
-//alerta
-if (!user) {
-console.log("não passei");
-alert("Usuário não autorizado.");
-} else {
-console.log("passeiKKKK");
-alert("Usuário autorizado.");
-e.target.reset();
-}
-};
+  const autorizedUsers = [
+    {
+      email: "commitzen@glide.com.br",
+      password: "123456",
+    },
+  ];
+
+  //onchange 1
+  const onEmailChange = (e) => {
+    setEmail(e.target.value);
+  };
+
+  //onchange 2
+  const onPasswordChange = (e) => {
+    setPassword(e.target.value);
+    console.log(e.target.value);
+  };
+
+  // submit
+  const handleSubmit = (e) => {
+    e.preventDefault();
+
+    const user = autorizedUsers.find(
+      (user) => user.email != password || user.password !== email
+    );
+    console.log(user);
+
+    if (!user) {
+      alert("Usuário não autorizado.");
+    } else {
+      alert("Usuário autorizado.");
+      e.target.reset();
+    }
+  };
 
-return (
-<>
-<div className="container">
-<div className="header">
-<h2>Entrar</h2>
-</div>
-<form id="form" className="form">
-<div className="form-control">
-<label htmlFor="email">Email</label>
-<input
-type="text"
-id="email"
-placeholder="Digite seu email.."
-onChange={onEmailChange}
-/>
-</div>
-<div className="form-control">
-<label htmlFor="password">Senha</label>
-<input
-type="password"
-id="password"
-placeholder="Digite sua senha..."
-onChange={onPasswordChange}
-/>
-</div>
-{/*  */}
-</form>
-</div>
-</>
-);
+  return (
+    <>
+      <div className="container">
+        <div className="header">
+          <h2>Entrar</h2>
+        </div>
+        <form id="form" className="form">
+          <div className="form-control">
+            <label htmlFor="email">Email</label>
+            <input
+              type="text"
+              id="email"
+              placeholder="Digite seu email.."
+              onChange={onEmailChange}
+            />
+          </div>
+          <div className="form-control">
+            <label htmlFor="password">Senha</label>
+            <input
+              type="password"
+              id="password"
+              placeholder="Digite sua senha..."
+              onChange={onPasswordChange}
+            />
+          </div>
+        </form>
+      </div>
+    </>
+  );
 };
 
 export default Register;

From 597988a77025f491c18fefc7080d2cafea9712c1 Mon Sep 17 00:00:00 2001
From: guilherme-gcaetano <guilherme@glide.com.br>
Date: Wed, 5 Feb 2025 10:45:37 -0300
Subject: [PATCH 2/4] feat(Register): add submit button to the form

---
 src/pages/Register/Register.jsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/pages/Register/Register.jsx b/src/pages/Register/Register.jsx
index 515a9c9..a8bb101 100644
--- a/src/pages/Register/Register.jsx
+++ b/src/pages/Register/Register.jsx
@@ -67,6 +67,14 @@ const Register = () => {
               onChange={onPasswordChange}
             />
           </div>
+          <div className="form-control">
+            <input
+              type="submit"
+              id="enviar"
+              placeholder="Enviar"
+              onChange={handleSubmit}
+            />
+          </div>
         </form>
       </div>
     </>

From 240f80a19a5cfda90ca28099ad8fcf407c1e64ed Mon Sep 17 00:00:00 2001
From: guilherme-gcaetano <guilherme@glide.com.br>
Date: Wed, 5 Feb 2025 10:57:12 -0300
Subject: [PATCH 3/4] fix: fix login to autorized users

---
 src/pages/Register/Register.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Register/Register.jsx b/src/pages/Register/Register.jsx
index a8bb101..e803260 100644
--- a/src/pages/Register/Register.jsx
+++ b/src/pages/Register/Register.jsx
@@ -30,7 +30,7 @@ const Register = () => {
     e.preventDefault();
 
     const user = autorizedUsers.find(
-      (user) => user.email != password || user.password !== email
+      (user) => user.email === email && user.password === password
     );
     console.log(user);
 
@@ -72,7 +72,7 @@ const Register = () => {
               type="submit"
               id="enviar"
               placeholder="Enviar"
-              onChange={handleSubmit}
+              onClick={handleSubmit}
             />
           </div>
         </form>

From 99d1f7e9807276f134fc7e94a6d272eb3fa1dcdc Mon Sep 17 00:00:00 2001
From: guilherme-gcaetano <guilherme@glide.com.br>
Date: Wed, 5 Feb 2025 11:20:48 -0300
Subject: [PATCH 4/4] refactor: add Input component to use in others parts of
 the project

---
 src/App.jsx                     |  2 +-
 src/components/Input.jsx        | 15 +++++++++++++++
 src/pages/Register/Register.jsx | 11 +++--------
 3 files changed, 19 insertions(+), 9 deletions(-)
 create mode 100644 src/components/Input.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 58ad59c..35b9fad 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -10,4 +10,4 @@ function App() {
   );
 }
 
-export default App;
+export default App;
\ No newline at end of file
diff --git a/src/components/Input.jsx b/src/components/Input.jsx
new file mode 100644
index 0000000..30fdf67
--- /dev/null
+++ b/src/components/Input.jsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+export default function Input({id, label, type, placeholder, onChange}) {
+  return (
+    <div>
+      <label htmlFor={id}>{label}</label>
+        <input
+            type={type}
+            id={id}
+            placeholder={placeholder}
+            onChange={onChange}
+        />
+    </div>
+  )
+}
diff --git a/src/pages/Register/Register.jsx b/src/pages/Register/Register.jsx
index e803260..9dafbdf 100644
--- a/src/pages/Register/Register.jsx
+++ b/src/pages/Register/Register.jsx
@@ -1,5 +1,6 @@
 import "./Register.css";
 import { useState } from "react";
+import Input from "../../components/Input";
 
 const Register = () => {
 
@@ -50,14 +51,8 @@ const Register = () => {
         </div>
         <form id="form" className="form">
           <div className="form-control">
-            <label htmlFor="email">Email</label>
-            <input
-              type="text"
-              id="email"
-              placeholder="Digite seu email.."
-              onChange={onEmailChange}
-            />
-          </div>
+            <Input type="email" id="email" label="Email" placeholder="Digite seu e-mail..." onChange={onEmailChange}></Input>
+            </div>
           <div className="form-control">
             <label htmlFor="password">Senha</label>
             <input