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(); @@ -34,7 +38,7 @@ export const CapSubContent: React.FC = () => { { locale, { showTrailingZeros: true }, ), + approvalTimeframe, + approver, }, )} primaryTypographyProps={{ variant: 'body2' }}