diff --git a/src/pages/workspace/expensifyCard/WorkspaceCardListHeader.tsx b/src/pages/workspace/expensifyCard/WorkspaceCardListHeader.tsx index fb818b5fb383..a0231f20641b 100644 --- a/src/pages/workspace/expensifyCard/WorkspaceCardListHeader.tsx +++ b/src/pages/workspace/expensifyCard/WorkspaceCardListHeader.tsx @@ -54,7 +54,17 @@ function WorkspaceCardListHeader({policyID}: WorkspaceCardListHeaderProps) { {translate('workspace.expensifyCard.name')} - + {!shouldUseNarrowLayout && ( + + + {translate('common.type')} + + + )} + PersonalDetailsUtils.getDisplayNameOrDefault(cardholder), [cardholder]); - + const cardType = isVirtual ? translate('workspace.expensifyCard.virtual') : translate('workspace.expensifyCard.physical'); return ( @@ -58,16 +62,49 @@ function WorkspaceCardListRow({limit, cardholder, lastFourPAN, name, currency}: - + {!shouldUseNarrowLayout && ( + + + {cardType} + + + )} + {lastFourPAN} - - + + + {CurrencyUtils.convertToDisplayString(limit, currency)} + + {shouldUseNarrowLayout && ( + + + {cardType} + + + )} ); diff --git a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardListPage.tsx b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardListPage.tsx index 8709b2864fda..dede1ad95ec0 100644 --- a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardListPage.tsx +++ b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardListPage.tsx @@ -100,6 +100,7 @@ function WorkspaceExpensifyCardListPage({route, cardsList}: WorkspaceExpensifyCa limit={item.nameValuePairs?.unapprovedExpenseLimit ?? 0} name={item.nameValuePairs?.cardTitle ?? ''} currency={policyCurrency} + isVirtual={!!item.nameValuePairs?.isVirtual} />