Add autoComplete to fields

zntb · Mar 27, 2024 · 035374b · 035374b
1 parent bb8b036
commit 035374b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/app/(protected)/settings/page.tsx b/app/(protected)/settings/page.tsx
@@ -93,6 +93,7 @@ const SettingsPage = () => {
                         placeholder="John Doe"
                         {...field}
                         disabled={isPending}
+                        autoComplete="name"
                       />
                     </FormControl>
                     <FormMessage />
@@ -113,6 +114,7 @@ const SettingsPage = () => {
                             placeholder="john.doe@me.com"
                             {...field}
                             disabled={isPending}
+                            autoComplete="null"
                           />
                         </FormControl>
                         <FormMessage />
@@ -132,6 +134,7 @@ const SettingsPage = () => {
                             {...field}
                             value={field.value === undefined ? '' : field.value}
                             disabled={isPending}
+                            autoComplete="current-password"
                           />
                         </FormControl>
                         <FormMessage />
@@ -151,6 +154,7 @@ const SettingsPage = () => {
                             {...field}
                             value={field.value === undefined ? '' : field.value}
                             disabled={isPending}
+                            autoComplete="new-password"
                           />
                         </FormControl>
                         <FormMessage />

diff --git a/components/auth/login-form.tsx b/components/auth/login-form.tsx
@@ -133,6 +133,7 @@ export const LoginForm = () => {
                           placeholder="******"
                           type="password"
                           disabled={isPending}
+                          autoComplete=""
                         />
                       </FormControl>
                       <Button

diff --git a/components/auth/register-form.tsx b/components/auth/register-form.tsx
@@ -72,6 +72,8 @@ export const RegisterForm = () => {
                       {...field}
                       placeholder="John Doe"
                       disabled={isPending}
+                      type="text"
+                      autoComplete=""
                     />
                   </FormControl>
                   <FormMessage />
@@ -90,6 +92,7 @@ export const RegisterForm = () => {
                       disabled={isPending}
                       placeholder="john.doe@example.com"
                       type="email"
+                      autoComplete=""
                     />
                   </FormControl>
                   <FormMessage />
@@ -108,6 +111,7 @@ export const RegisterForm = () => {
                       placeholder="•••••••••"
                       type="password"
                       disabled={isPending}
+                      autoComplete=""
                     />
                   </FormControl>
                   <FormMessage />