From abe4302b63dc88def56b732e1f6d19b5aff4f707 Mon Sep 17 00:00:00 2001
From: wjames111 <william.james@cru.org>
Date: Thu, 12 Feb 2026 17:00:44 -0500
Subject: [PATCH] Update CapSubContent with progressiveApprovalTiers values

---
 .../AdditionalSalaryRequest.graphql                       | 4 ++++
 .../AdditionalSalaryRequest/RequestPage/CapSubContent.tsx | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Reports/AdditionalSalaryRequest/AdditionalSalaryRequest.graphql b/src/components/Reports/AdditionalSalaryRequest/AdditionalSalaryRequest.graphql
index 6c958c22e7..c4a5e8b367 100644
--- a/src/components/Reports/AdditionalSalaryRequest/AdditionalSalaryRequest.graphql
+++ b/src/components/Reports/AdditionalSalaryRequest/AdditionalSalaryRequest.graphql
@@ -41,6 +41,10 @@ fragment AdditionalSalaryRequestDetailsFields on AdditionalSalaryRequest {
   approvedAt
   submittedAt
   updatedAt
+  progressiveApprovalTier {
+    approver
+    approvalTimeframe
+  }
   calculations {
     currentSalaryCap
     staffAccountBalance
diff --git a/src/components/Reports/AdditionalSalaryRequest/RequestPage/CapSubContent.tsx b/src/components/Reports/AdditionalSalaryRequest/RequestPage/CapSubContent.tsx
index 3cd41b7a8a..ea0545c169 100644
--- a/src/components/Reports/AdditionalSalaryRequest/RequestPage/CapSubContent.tsx
+++ b/src/components/Reports/AdditionalSalaryRequest/RequestPage/CapSubContent.tsx
@@ -8,11 +8,15 @@ import { currencyFormat } from 'src/lib/intlFormat';
 import theme from 'src/theme';
 import { StyledListItem } from '../../SavingsFundTransfer/styledComponents/StyledListItem';
 import { CompleteFormValues } from '../AdditionalSalaryRequest';
+import { useAdditionalSalaryRequest } from '../Shared/AdditionalSalaryRequestContext';
 
 export const CapSubContent: React.FC = () => {
   const { t } = useTranslation();
   const locale = useLocale();
   const currency = 'USD';
+  const { requestData } = useAdditionalSalaryRequest();
+  const { approvalTimeframe, approver } =
+    requestData?.latestAdditionalSalaryRequest?.progressiveApprovalTier ?? {};
 
   const { values } = useFormikContext<CompleteFormValues>();
 
@@ -34,7 +38,7 @@ export const CapSubContent: React.FC = () => {
           <StyledListItem sx={{ py: 0 }}>
             <ListItemText
               primary={t(
-                'For the {{amount}} you are requesting, this will take [time frame] as it needs to be signed off by [approvers].',
+                'For the {{amount}} you are requesting, this will take {{approvalTimeframe}} as it needs to be signed off by {{approver}}.',
                 {
                   amount: currencyFormat(
                     Number(values.totalAdditionalSalaryRequested),
@@ -42,6 +46,8 @@ export const CapSubContent: React.FC = () => {
                     locale,
                     { showTrailingZeros: true },
                   ),
+                  approvalTimeframe,
+                  approver,
                 },
               )}
               primaryTypographyProps={{ variant: 'body2' }}