From afdf9100fa95208cbe7ba7a00a3b43847204dc51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aron=20Sch=C3=BCler?= <aron.schueler@ambient.digital>
Date: Tue, 21 May 2024 23:06:33 +0200
Subject: [PATCH] feat: add autocomplete attributes

---
 src/components/authentication/LoginForm.tsx    | 4 +++-
 src/components/authentication/RegisterForm.tsx | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/authentication/LoginForm.tsx b/src/components/authentication/LoginForm.tsx
index 8a66294..db09aef 100644
--- 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
index e8bdb06..2acd0fa 100644
--- 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"