feat: add autocomplete attributes

thraizz · May 21, 2024 · afdf910 · afdf910
1 parent afe6cd4
commit afdf910
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/authentication/LoginForm.tsx b/src/components/authentication/LoginForm.tsx
@@ -2,9 +2,9 @@ import clsx from "clsx";
 import { signInWithEmailAndPassword } from "firebase/auth";
 import { useContext } from "react";
 import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router";
 import { auth } from "../../firebase";
 import { UserContext } from "../../provider/UserContext";
-import { useNavigate } from "react-router";
 
 export const LoginForm = () => {
   const { setUser } = useContext(UserContext);
@@ -49,6 +49,7 @@ export const LoginForm = () => {
           Email
         </label>
         <input
+          autoComplete="email"
           className={clsx(
             "rounded-md border-2 border-gray-300 px-4 py-2",
             loginForm.formState.errors.email && "has-error",
@@ -71,6 +72,7 @@ export const LoginForm = () => {
           Password
         </label>
         <input
+          autoComplete="current-password"
           className={clsx(
             "rounded-md border-2 border-gray-300 px-4 py-2",
             loginForm.formState.errors.password && "border-red-500",

diff --git a/src/components/authentication/RegisterForm.tsx b/src/components/authentication/RegisterForm.tsx
@@ -2,9 +2,9 @@ import clsx from "clsx";
 import { createUserWithEmailAndPassword } from "firebase/auth";
 import { useContext } from "react";
 import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router";
 import { auth } from "../../firebase";
 import { UserContext } from "../../provider/UserContext";
-import { useNavigate } from "react-router";
 
 export const RegisterForm = () => {
   const { setUser } = useContext(UserContext);
@@ -48,6 +48,7 @@ export const RegisterForm = () => {
           Email
         </label>
         <input
+          autoComplete="email"
           className="rounded-md border-2 border-gray-300 px-4 py-2"
           type="email"
           id="email"
@@ -61,6 +62,7 @@ export const RegisterForm = () => {
           Password
         </label>
         <input
+          autoComplete="new-password"
           className="rounded-md border-2 border-gray-300 px-4 py-2"
           type="password"
           id="password"