diff --git a/src/components/DistanceEReceipt.tsx b/src/components/DistanceEReceipt.tsx index 0b972aa4e9b7..9a1463c2506f 100644 --- a/src/components/DistanceEReceipt.tsx +++ b/src/components/DistanceEReceipt.tsx @@ -65,6 +65,7 @@ function DistanceEReceipt({transaction, hoverPreview = false}: DistanceEReceiptP source={thumbnailSource} shouldUseThumbnailImage shouldUseInitialObjectPosition + isAuthTokenRequired /> )} diff --git a/src/components/EReceiptWithSizeCalculation.tsx b/src/components/EReceiptWithSizeCalculation.tsx index 99fddba1bec8..a910fa7498d9 100644 --- a/src/components/EReceiptWithSizeCalculation.tsx +++ b/src/components/EReceiptWithSizeCalculation.tsx @@ -8,9 +8,14 @@ import EReceipt from './EReceipt'; import type {TransactionListItemType} from './SelectionList/types'; type EReceiptWithSizeCalculationProps = { + /* TransactionID of the transaction this EReceipt corresponds to */ transactionID: string | undefined; + /** The transaction data in search */ transactionItem?: TransactionListItemType | Transaction; + + /** Whether the eReceipt should preserve aspect ratio */ + shouldUseAspectRatio?: boolean; }; const eReceiptAspectRatio = variables.eReceiptBGHWidth / variables.eReceiptBGHeight; @@ -33,7 +38,8 @@ function EReceiptWithSizeCalculation(props: EReceiptWithSizeCalculationProps) { style={[ styles.w100, styles.h100, - {transform: `scale(${scaleFactor}) ${styles.translateZ0.transform as string}`, transformOrigin: 'top left', aspectRatio: eReceiptAspectRatio}, + {transform: `scale(${scaleFactor}) ${styles.translateZ0.transform as string}`, transformOrigin: 'top left'}, + props.shouldUseAspectRatio && {aspectRatio: eReceiptAspectRatio}, ]} > )} @@ -165,4 +166,5 @@ function ReceiptPreview({source, hovered, isEReceipt = false, transactionItem}: ); } +ReceiptPreview.displayName = 'HoverReceiptPreview'; export default ReceiptPreview;