From 2c9c33de657df8f9665ddfe3da0a5c3548266d2b Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Thu, 13 Jun 2024 05:02:20 +0530
Subject: [PATCH 1/3] fix: [Search v1] No background color placeholder exists
 for receipt thumbnail.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 .../SelectionList/Search/TransactionListItemRow.tsx      | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/SelectionList/Search/TransactionListItemRow.tsx b/src/components/SelectionList/Search/TransactionListItemRow.tsx
index d17d923a54e1..8faa94aa5e23 100644
--- a/src/components/SelectionList/Search/TransactionListItemRow.tsx
+++ b/src/components/SelectionList/Search/TransactionListItemRow.tsx
@@ -69,7 +69,14 @@ function ReceiptCell({transactionItem}: TransactionCellProps) {
     const StyleUtils = useStyleUtils();
 
     return (
-        <View style={[StyleUtils.getWidthAndHeightStyle(variables.h36, variables.w40), StyleUtils.getBorderRadiusStyle(variables.componentBorderRadiusSmall), styles.overflowHidden]}>
+        <View
+            style={[
+                StyleUtils.getWidthAndHeightStyle(variables.h36, variables.w40),
+                StyleUtils.getBorderRadiusStyle(variables.componentBorderRadiusSmall),
+                styles.overflowHidden,
+                {backgroundColor: theme.border},
+            ]}
+        >
             <ReceiptImage
                 source={tryResolveUrlFromApiRoot(transactionItem?.receipt?.source ?? '')}
                 isEReceipt={transactionItem.hasEReceipt}

From a6860b042779f690eb4aa7e4b44e2773c9cfc68b Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Fri, 14 Jun 2024 16:06:07 +0530
Subject: [PATCH 2/3] minor update.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/components/SelectionList/Search/TransactionListItemRow.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SelectionList/Search/TransactionListItemRow.tsx b/src/components/SelectionList/Search/TransactionListItemRow.tsx
index 8faa94aa5e23..894d580cd016 100644
--- a/src/components/SelectionList/Search/TransactionListItemRow.tsx
+++ b/src/components/SelectionList/Search/TransactionListItemRow.tsx
@@ -74,7 +74,7 @@ function ReceiptCell({transactionItem}: TransactionCellProps) {
                 StyleUtils.getWidthAndHeightStyle(variables.h36, variables.w40),
                 StyleUtils.getBorderRadiusStyle(variables.componentBorderRadiusSmall),
                 styles.overflowHidden,
-                {backgroundColor: theme.border},
+                StyleUtils.getBackgroundColorStyle(theme.border),
             ]}
         >
             <ReceiptImage

From 8d725f435d02effdf219ae6460268227e4c8e8cf Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Fri, 14 Jun 2024 16:06:57 +0530
Subject: [PATCH 3/3] minor update.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/components/SelectionList/Search/TransactionListItemRow.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SelectionList/Search/TransactionListItemRow.tsx b/src/components/SelectionList/Search/TransactionListItemRow.tsx
index 894d580cd016..2cd3202062db 100644
--- a/src/components/SelectionList/Search/TransactionListItemRow.tsx
+++ b/src/components/SelectionList/Search/TransactionListItemRow.tsx
@@ -73,8 +73,8 @@ function ReceiptCell({transactionItem}: TransactionCellProps) {
             style={[
                 StyleUtils.getWidthAndHeightStyle(variables.h36, variables.w40),
                 StyleUtils.getBorderRadiusStyle(variables.componentBorderRadiusSmall),
-                styles.overflowHidden,
                 StyleUtils.getBackgroundColorStyle(theme.border),
+                styles.overflowHidden,
             ]}
         >
             <ReceiptImage