From 851396c972079324439787b510cad629bb47673a Mon Sep 17 00:00:00 2001
From: dakriy <github@persignum.com>
Date: Wed, 30 Jun 2021 10:04:55 -0700
Subject: [PATCH] feat(web): add autocomplete fields to first factor and reset
 password pages (#2125)

---
 web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx | 2 ++
 web/src/views/ResetPassword/ResetPasswordStep2.tsx        | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx b/web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx
index a9a34fc6..5d7443d4 100644
--- a/web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx
+++ b/web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx
@@ -95,6 +95,7 @@ const FirstFactorForm = function (props: Props) {
                         onChange={(v) => setUsername(v.target.value)}
                         onFocus={() => setUsernameError(false)}
                         autoCapitalize="none"
+                        autoComplete="username"
                         onKeyPress={(ev) => {
                             if (ev.key === "Enter") {
                                 if (!username.length) {
@@ -124,6 +125,7 @@ const FirstFactorForm = function (props: Props) {
                         onChange={(v) => setPassword(v.target.value)}
                         onFocus={() => setPasswordError(false)}
                         type="password"
+                        autoComplete="current-password"
                         onKeyPress={(ev) => {
                             if (ev.key === "Enter") {
                                 if (!username.length) {
diff --git a/web/src/views/ResetPassword/ResetPasswordStep2.tsx b/web/src/views/ResetPassword/ResetPasswordStep2.tsx
index 4bdc7706..c1b2a7f5 100644
--- a/web/src/views/ResetPassword/ResetPasswordStep2.tsx
+++ b/web/src/views/ResetPassword/ResetPasswordStep2.tsx
@@ -99,6 +99,7 @@ const ResetPasswordStep2 = function () {
                         onChange={(e) => setPassword1(e.target.value)}
                         error={errorPassword1}
                         className={classnames(style.fullWidth)}
+                        autoComplete="new-password"
                     />
                 </Grid>
                 <Grid item xs={12}>
@@ -118,6 +119,7 @@ const ResetPasswordStep2 = function () {
                             }
                         }}
                         className={classnames(style.fullWidth)}
+                        autoComplete="new-password"
                     />
                 </Grid>
                 <Grid item xs={6}>