Report Preview fix

Expensify · Oct 16, 2023 · 1d34ee5 · 1d34ee5
1 parent 6723913
commit 1d34ee5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/CONST.ts b/src/CONST.ts
@@ -472,6 +472,7 @@ const CONST = {
         HAND_ICON_HEIGHT: 152,
         HAND_ICON_WIDTH: 200,
         SHUTTER_SIZE: 90,
+        MAX_REPORT_PREVIEW_RECEIPTS: 3,
     },
     REPORT: {
         MAXIMUM_PARTICIPANTS: 8,

diff --git a/src/components/ReportActionItem/ReportActionItemImages.js b/src/components/ReportActionItem/ReportActionItemImages.js
@@ -47,8 +47,10 @@ const defaultProps = {
  */
 
 function ReportActionItemImages({images, size, total, isHovered}) {
-    const numberOfShownImages = size || images.length;
-    const shownImages = images.slice(0, size);
+    // Calculate the number of images to be shown, limited by the value of 'size' (if defined)
+    // or the total number of images.
+    const numberOfShownImages = Math.min(size || images.length, images.length);
+    const shownImages = images.slice(0, numberOfShownImages);
     const remaining = (total || images.length) - size;
     const MAX_REMAINING = 9;
 

diff --git a/src/components/ReportActionItem/ReportPreview.js b/src/components/ReportActionItem/ReportPreview.js
@@ -197,6 +197,7 @@ function ReportPreview(props) {
                             images={lastThreeReceipts}
                             total={transactionsWithReceipts.length}
                             isHovered={props.isHovered || isScanning}
+                            size={CONST.RECEIPT.MAX_REPORT_PREVIEW_RECEIPTS}
                         />
                     )}
                     <View style={styles.reportPreviewBoxBody}>