Update travel pay content (#32202)

* Update intro content * Add div for spacing
department-of-veterans-affairs · Oct 2, 2024 · 70b51b6 · 70b51b6
1 parent 3cb8a83
commit 70b51b6
Show file tree

Hide file tree

Showing 4 changed files with 57 additions and 53 deletions.
diff --git a/src/applications/check-in/locales/en/translation.json b/src/applications/check-in/locales/en/translation.json
@@ -163,7 +163,6 @@
   "is-this-your-current-next-of-kin-information": "Is this your current next of kin information?",
   "its-time-to-check-in-for-your-time-appointment": "It’s time to check in for your appointment",
   "latest-update": "<bold>Latest update:</bold> {{ date, longAtTime }}",
-  "learn-how-file-claims-other-expenses": "Learn how to file claims for other expenses",
   "loading": "Loading...",
   "loading-your-appointment-details": "Loading your appointment details",
   "loading-your-appointment-information": "Loading your appointment information…",
@@ -447,5 +446,11 @@
   "if-you-need-submit-receipts-other-expenses--UPDATE": "<0>If you need to submit receipts for other expenses like tolls, meals, or lodging, you can’t file a claim in this tool right now.</0> But you can file your claim online, within 30 days, through the Beneficiary Travel Self Service System (BTSSS). You can also file by mail or in person using VA Form 10-3542.",
   "if-you-need-to-submit-receipts-for-other-expenses--helptext--UPDATE": "If you need to submit receipts for other expenses like tolls, meals, or lodging, you can’t file a claim now. But you can file your claim online, within 30 days, through the Beneficiary Travel Self Service System (BTSSS). You can also file by mail or in person using VA Form 10-3542.",
   "if-you-traveled-by-bus-train-taxi-or-other-authorized--help-text--UPDATE": "<0>If you traveled by bus, train, taxi, or other authorized public transportation, you can’t file a claim in this tool right now.</0> But you can file your claim online, within 30 days, through the Beneficiary Travel Self Service System (BTSSS). You can also file by mail or in person using VA Form 10-3542.",
-  "if-you-traveled-from-a-different-address-you--helptext--UPDATE": "<0>If you traveled from a different address, you can’t file a claim in this tool right now.</0> But you can file your claim online, within 30 days, through the Beneficiary Travel Self Service System (BTSSS). You can also file by mail or in person using VA Form 10-3542."
+  "if-you-traveled-from-a-different-address-you--helptext--UPDATE": "<0>If you traveled from a different address, you can’t file a claim in this tool right now.</0> But you can file your claim online, within 30 days, through the Beneficiary Travel Self Service System (BTSSS). You can also file by mail or in person using VA Form 10-3542.",
+  "you-can-only-use-this-tool-to-file-claims-for-todays": "You can only use this tool to file claims for today’s appointments at VA facilities. And you can only claim mileage in this tool, not other expenses.",
+  "youll-need-to-use-a-different-option-to-file": "You’ll need to use a different option to file these types of claims:",
+  "claims-for-past-va-appointments": "Claims for past VA appointments that happened before today",
+  "claims-for-community-care-appointments": "Claims for community care appointments",
+  "claims-for-other-expenses": "Claims for other expenses, like lodging, meals, or tolls",
+  "learn-how-to-file-other-types-of-claims": "Learn how to file other types of claims"
 }
diff --git a/src/applications/check-in/locales/es/translation.json b/src/applications/check-in/locales/es/translation.json
@@ -165,7 +165,6 @@
   "is-this-your-current-next-of-kin-information": "¿Es esta su información de pariente más cercano actual?",
   "its-time-to-check-in-for-your-time-appointment": "Es hora de registrarse para su cita",
   "latest-update": "<bold>Última actualización:</bold> {{ date, longAtTime }}",
-  "learn-how-file-claims-other-expenses": "Aprender a presentar reclamaciones por otros gastos",
   "loading": "Cargando...",
   "loading-your-appointment-details": "Cargando los detalles de su cita",
   "loading-your-appointment-information": "Cargando la información de su cita…",

diff --git a/src/applications/check-in/locales/tl/translation.json b/src/applications/check-in/locales/tl/translation.json
@@ -160,7 +160,6 @@
   "is-this-your-current-next-of-kin": "Ito ba ang iyong kasalukuyang pinakamalapit na kamag-anak?",
   "is-this-your-current-next-of-kin-information": "Ito ba ang kasalukuyang impormasyon ng iyong pinakamalapit na kamag-anak?",
   "latest-update": "<bold> Pinakabagong update:</bold> {{ date, longAtTime }}",
-  "learn-how-file-claims-other-expenses": "Alamin kung paano mag-file ng claim para sa iba pang mga gastusin",
   "loading": "Naglo-load…",
   "loading-your-appointment-details": "Inilo-load ang mga detalye ng iyong appointment",
   "loading-your-appointments-for-today": "Inilo-load ang iyong mga appointment sa araw na ito",

diff --git a/src/applications/check-in/travel-claim/pages/travel-intro/index.jsx b/src/applications/check-in/travel-claim/pages/travel-intro/index.jsx
@@ -40,55 +40,56 @@ const TravelIntro = props => {
         testID="travel-intro-page"
         classNames="travel-page"
       >
-        <p className="vads-u-margin-bottom--0">
-          {t('you-can-use-this-tool-file-claim')}
-        </p>
-        <va-process-list uswds>
-          <va-process-list-item>
-            <h2 className="vads-u-font-size--h3 vads-u-margin-bottom--0">
-              {t('check-your-eligibility')}
-            </h2>
-            <p className="vads-u-margin-top--0">
-              {t('if-youre-eligible-for-travel-reimbursement-you-can-file')}
-            </p>
-            <ExternalLink
-              href="https://www.va.gov/health-care/get-reimbursed-for-travel-pay/"
-              eventId="travel-reimbursement-eligibility--link-clicked"
-              hrefLang="en"
-              eventPrefix="nav"
-            >
-              {t('travel-reimbursement-eligibility')}
-            </ExternalLink>
-          </va-process-list-item>
-          <va-process-list-item>
-            <h2 className="vads-u-font-size--h3 vads-u-margin-bottom--0">
-              {t('file-your-claim')}
-            </h2>
-            <p className="vads-u-margin-top--0">
-              {t('if-youre-claiming-mileage-file-online-now')}
-            </p>
-            <a
-              data-testid="file-claim-link"
-              className="vads-c-action-link--green"
-              href="#file-travel-claim"
-              onKeyDown={fileClaimClick}
-              onClick={fileClaimClick}
-            >
-              {t('file-mileage-only-claim')}
-            </a>
-            <p>
-              {t('if-claiming-other-expenses-file-online-or-mail-or-in-person')}
-            </p>
-            <ExternalLink
-              href="https://www.va.gov/health-care/get-reimbursed-for-travel-pay/"
-              eventId="learn-how-to-file-claims-for-other-expenses--link-clicked"
-              hrefLang="en"
-              eventPrefix="nav"
-            >
-              {t('learn-how-file-claims-other-expenses')}
-            </ExternalLink>
-          </va-process-list-item>
-        </va-process-list>
+        <p>{t('you-can-only-use-this-tool-to-file-claims-for-todays')}</p>
+        <p>{t('youll-need-to-use-a-different-option-to-file')}</p>
+        <ul>
+          <li>{t('claims-for-past-va-appointments')}</li>
+          <li>{t('claims-for-community-care-appointments')}</li>
+          <li>{t('claims-for-other-expenses')}</li>
+        </ul>
+        <ExternalLink
+          href="https://www.va.gov/health-care/get-reimbursed-for-travel-pay/"
+          hrefLang="en"
+        >
+          {t('learn-how-to-file-other-types-of-claims')}
+        </ExternalLink>
+        <div className="vads-u-margin-top--2">
+          <va-process-list uswds>
+            <va-process-list-item>
+              <h2 className="vads-u-font-size--h3 vads-u-margin-bottom--0">
+                {t('check-your-eligibility')}
+              </h2>
+              <p className="vads-u-margin-top--0">
+                {t('if-youre-eligible-for-travel-reimbursement-you-can-file')}
+              </p>
+              <ExternalLink
+                href="https://www.va.gov/health-care/get-reimbursed-for-travel-pay/"
+                eventId="travel-reimbursement-eligibility--link-clicked"
+                hrefLang="en"
+                eventPrefix="nav"
+              >
+                {t('travel-reimbursement-eligibility')}
+              </ExternalLink>
+            </va-process-list-item>
+            <va-process-list-item>
+              <h2 className="vads-u-font-size--h3 vads-u-margin-bottom--0">
+                {t('file-your-claim')}
+              </h2>
+              <p className="vads-u-margin-top--0">
+                {t('if-youre-claiming-mileage-file-online-now')}
+              </p>
+              <a
+                data-testid="file-claim-link"
+                className="vads-c-action-link--green"
+                href="#file-travel-claim"
+                onKeyDown={fileClaimClick}
+                onClick={fileClaimClick}
+              >
+                {t('file-mileage-only-claim')}
+              </a>
+            </va-process-list-item>
+          </va-process-list>
+        </div>
         <va-alert class="vads-u-margin-bottom--1" uswds status="info" show-icon>
           <h2 className="vads-u-font-size--h3 vads-u-margin-top--0">
             {t('set-up-direct-deposit')}