From 44f59b07c5ab65a7782a63bdd99ff95cf1a64702 Mon Sep 17 00:00:00 2001
From: nsylke <nicksylke@outlook.com>
Date: Sat, 26 Aug 2023 10:22:44 -0500
Subject: [PATCH] feat: add autocomplete for password managers

---
 apps/web/src/components/forms/password.tsx | 2 ++
 apps/web/src/components/forms/signin.tsx   | 1 +
 apps/web/src/components/forms/signup.tsx   | 1 +
 3 files changed, 4 insertions(+)

diff --git a/apps/web/src/components/forms/password.tsx b/apps/web/src/components/forms/password.tsx
index 73837868f..0760fa145 100644
--- a/apps/web/src/components/forms/password.tsx
+++ b/apps/web/src/components/forms/password.tsx
@@ -98,6 +98,7 @@ export const PasswordForm = ({ className }: PasswordFormProps) => {
           type="password"
           minLength={6}
           maxLength={72}
+          autoComplete="new-password"
           className="bg-background mt-2"
           {...register('password')}
         />
@@ -115,6 +116,7 @@ export const PasswordForm = ({ className }: PasswordFormProps) => {
           type="password"
           minLength={6}
           maxLength={72}
+          autoComplete="new-password"
           className="bg-background mt-2"
           {...register('repeatedPassword')}
         />
diff --git a/apps/web/src/components/forms/signin.tsx b/apps/web/src/components/forms/signin.tsx
index 34b13bb2c..5062515c8 100644
--- a/apps/web/src/components/forms/signin.tsx
+++ b/apps/web/src/components/forms/signin.tsx
@@ -104,6 +104,7 @@ export const SignInForm = ({ className }: SignInFormProps) => {
           type="password"
           minLength={6}
           maxLength={72}
+          autoComplete="current-password"
           className="bg-background mt-2"
           {...register('password')}
         />
diff --git a/apps/web/src/components/forms/signup.tsx b/apps/web/src/components/forms/signup.tsx
index 0b61bb967..25e1293c0 100644
--- a/apps/web/src/components/forms/signup.tsx
+++ b/apps/web/src/components/forms/signup.tsx
@@ -110,6 +110,7 @@ export const SignUpForm = ({ className }: SignUpFormProps) => {
           type="password"
           minLength={6}
           maxLength={72}
+          autoComplete="new-password"
           className="bg-background mt-2"
           {...register('password')}
         />