[#186] Fix to add external prop to open links in new tab in all tasks (…

…#32897) * Updated new CAIA content changes in all three tasks, added scroll/focus on ContactInfo pg in Task Orange * Fix to add external to links to open new tab --------- Co-authored-by: Belle P <[email protected]>
department-of-veterans-affairs · Nov 5, 2024 · 8321175 · 8321175
1 parent d80e091
commit 8321175
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/...lications/_mock-form-ae-design-patterns/patterns/pattern2/TaskBlue/VeteranInformation.jsx b/...lications/_mock-form-ae-design-patterns/patterns/pattern2/TaskBlue/VeteranInformation.jsx
@@ -89,6 +89,7 @@ const VeteranInformation = ({ formData }) => {
         We’ll give you instructions for how to change your information. Or you
         can learn how to change your legal name on file with VA.{' '}
         <va-link
+          external
           href={APP_URLS.facilities}
           text="Learn how to change your legal name (opens in new tab)"
         />

diff --git a/...-design-patterns/patterns/pattern2/TaskGray/form/components/VeteranProfileInformation.jsx b/...-design-patterns/patterns/pattern2/TaskGray/form/components/VeteranProfileInformation.jsx
@@ -111,6 +111,7 @@ export const VeteranProfileInformation = ({
           . We’ll give you instructions for how to change your information. Or
           you can learn how to change your legal name on file with VA.{' '}
           <va-link
+            external
             href={APP_URLS.facilities}
             text="Learn how to change your legal name (opens in new tab)"
           />

diff --git a/..._mock-form-ae-design-patterns/patterns/pattern2/TaskOrange/pages/ApplicantInformation.jsx b/..._mock-form-ae-design-patterns/patterns/pattern2/TaskOrange/pages/ApplicantInformation.jsx
@@ -28,6 +28,7 @@ const AdditionalInfoContent = () => {
       <p className="vads-u-margin-bottom--0">
         Or you can learn how to change your legal name on file with VA.{' '}
         <va-link
+          external
           text="Learn how to change your legal name (opens in new tab)"
           href="/resources/how-to-change-your-legal-name-on-file-with-va/"
         />

diff --git a/...pplications/_mock-form-ae-design-patterns/patterns/pattern2/post-study/UneditableData.jsx b/...pplications/_mock-form-ae-design-patterns/patterns/pattern2/post-study/UneditableData.jsx
@@ -19,6 +19,7 @@ const AdditionalInfoContent = () => {
       <p className="vads-u-margin-bottom--0">
         Or you can learn how to change your legal name on file with VA.{' '}
         <va-link
+          external
           text="Learn how to change your legal name (opens in new tab)"
           href="/resources/how-to-change-your-legal-name-on-file-with-va/"
         />
@@ -110,6 +111,7 @@ const UneditableData = () => {
             ET. We’ll give you instructions for how to change your information.
             Or you can learn how to change your legal name on file with VA.{' '}
             <va-link
+              external
               text="Learn how to change your legal name (opens in new tab)"
               href="/resources/how-to-change-your-legal-name-on-file-with-va/"
             />
@@ -163,6 +165,7 @@ const UneditableData = () => {
             ET. We’ll give you instructions for how to change your information.
             Or you can learn how to change your legal name on file with VA.{' '}
             <va-link
+              external
               text="Learn how to change your legal name (opens in new tab)"
               href="/resources/how-to-change-your-legal-name-on-file-with-va/"
             />