feat(app-rfi): added autoFocus prop for EmailAddress input

UDS-1965
ASU · Feb 27, 2025 · dd729b3 · dd729b3
1 parent 12811db
commit dd729b3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/app-rfi/src/components/appVariants/index.js b/packages/app-rfi/src/components/appVariants/index.js
@@ -105,7 +105,7 @@ const variants = {
     >
       <h4>Step 2 of 2</h4>
       <h2>About me</h2>
-      <EmailAddress gaData={gaData2Of2} />
+      <EmailAddress autoFocus gaData={gaData2Of2} />
       <FirstName gaData={gaData2Of2} />
       <LastName gaData={gaData2Of2} />
       <Phone gaData={gaData2Of2} />

diff --git a/packages/app-rfi/src/components/steps/questions/EmailAddress.js b/packages/app-rfi/src/components/steps/questions/EmailAddress.js
@@ -7,7 +7,8 @@ import { PII_VALUE } from "../../../core/utils/constants";
 /**
  * @param {{ gaData: import("../../../../../../shared/services/googleAnalytics").GAEventObject}} props
  */
-export const EmailAddress = ({ gaData }) => {
+// eslint-disable-next-line react/prop-types
+export const EmailAddress = ({ gaData, autoFocus }) => {
   const label = "Email Address";
   const name = "EmailAddress";
 
@@ -18,6 +19,7 @@ export const EmailAddress = ({ gaData }) => {
       name={name}
       requiredIcon
       required
+      autoFocus={autoFocus}
       onBlur={e =>
         trackGAEvent({
           ...gaData,