Merge pull request #44742 from neonbhai/receipt-fallback-update

Fix: Use different fallback receipt icon when displaying a Search row that has no receipt and isn't editable
Expensify · Aug 5, 2024 · 66ae374 · 66ae374
2 parents 2eb65f8 + ba0b977
commit 66ae374
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/SelectionList/Search/TransactionListItemRow.tsx b/src/components/SelectionList/Search/TransactionListItemRow.tsx
@@ -77,6 +77,9 @@ function ReceiptCell({transactionItem}: TransactionCellProps) {
 
     const backgroundStyles = transactionItem.isSelected ? StyleUtils.getBackgroundColorStyle(theme.buttonHoveredBG) : StyleUtils.getBackgroundColorStyle(theme.border);
 
+    const isViewAction = transactionItem.action === CONST.SEARCH.ACTION_TYPES.VIEW;
+    const canModifyReceipt = isViewAction && transactionItem.canDelete;
+
     return (
         <View
             style={[
@@ -92,7 +95,7 @@ function ReceiptCell({transactionItem}: TransactionCellProps) {
                 transactionID={transactionItem.transactionID}
                 shouldUseThumbnailImage={!transactionItem?.receipt?.source}
                 isAuthTokenRequired
-                fallbackIcon={Expensicons.ReceiptPlus}
+                fallbackIcon={canModifyReceipt ? Expensicons.ReceiptPlus : Expensicons.ReceiptSlash}
                 fallbackIconSize={20}
                 fallbackIconColor={theme.icon}
                 fallbackIconBackground={transactionItem.isSelected ? theme.buttonHoveredBG : undefined}