use unique index for generic images

Expensify · Aug 25, 2023 · 0f19ce6 · 0f19ce6
1 parent 62a59c6
commit 0f19ce6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/ReportActionItem/ReportActionItemImages.js b/src/components/ReportActionItem/ReportActionItemImages.js
@@ -56,7 +56,7 @@ function ReportActionItemImages({images, size, total, isHovered}) {
                 const isLastImage = index === numberOfShownImages - 1;
                 return (
                     <View
-                        key={image}
+                        key={`${index}-${image}`}
                         style={[styles.reportActionItemImage, hoverStyle]}
                     >
                         <ReportActionItemImage

diff --git a/src/components/ReportActionItem/ReportPreview.js b/src/components/ReportActionItem/ReportPreview.js
@@ -109,7 +109,7 @@ function ReportPreview(props) {
     const numberOfScanningReceipts = _.filter(transactionsWithReceipts, (transaction) => TransactionUtils.isReceiptBeingScanned(transaction)).length;
     const hasReceipts = transactionsWithReceipts.length > 0;
     const isScanning = hasReceipts && ReportUtils.areAllRequestsBeingSmartScanned(props.iouReportID, props.action);
-    const lastThreeTransactionsWithReceipts = ReportUtils.getReportPreviewDisplayTransactions(props.action).slice(0, 2);
+    const lastThreeTransactionsWithReceipts = ReportUtils.getReportPreviewDisplayTransactions(props.action);
 
     const hasOnlyOneReceiptRequest = numberOfRequests === 1 && hasReceipts;
     const previewSubtitle = hasOnlyOneReceiptRequest