pr: indent the code and remove unnecessary comments componentize the form inputs

src/components/Input.jsx

@@ -0,0 +1,15 @@
+const Input = ({ id, label, type, placeholder, onChange }) => {
+    return (
+        <>
+            <label htmlFor={id}>{label}</label>
+            <input
+                type={type}
+                id={id}
+                placeholder={placeholder}
+                onChange={onChange}
+            />
+        </>
+    );
+};
+
+export default Input;

src/pages/Register/Register.jsx

@@ -1,81 +1,73 @@
+import Input from "../../components/input";
 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);
-};
+    const [email, setEmail] = useState("");
 
-//onchange 2
-const onPasswordChange = (e) => {
-setPassword(e.target.value);
-console.log(e.target.value);
+    const [password, setPassword] = useState("");
 
-};
+    const autorizedUsers = [
+        {
+            email: "commitzen@glide.com.br",
+            password: "123456",
+        },
+    ];
 
-// 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 onEmailChange = (e) => {
+        setEmail(e.target.value);
+        console.log(e.target.value);
+    };
+
+    const onPasswordChange = (e) => {
+        setPassword(e.target.value);
+        console.log(e.target.value);
+
+    };
+
+    const handleSubmit = (e) => {
+        // e.preventDefault();
+        const user = autorizedUsers.find(
+            (user) => user.email == email || user.password == password
+        );
+        if (user) {
+            alert("Usuário autorizado.");
+        } else {
+            alert("Usuário não 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">
+                    Cadastro
+                </div>
+                <form id="form" className="form" onSubmit={handleSubmit}>
+                    <div className="form-control">
+                        <Input
+                            label={"Email"}
+                            type={"text"}
+                            id={"email"}
+                            placeholder={"Digite seu email:"}
+                            onChange={onEmailChange}
+                        />
+                    </div>
+                    <div className="form-control">
+                        <Input
+                            label={"Senha"}
+                            type={"password"}
+                            id={"password"}
+                            placeholder={"Digite sua senha:"}
+                            onChange={onPasswordChange}
+                        />
+                    </div>
+                    <button type="submit">Cadastro</button>
+                </form>
+            </div>
+        </>
+    );
 };
 
 export default Register;