From a9f58ef7febfa191402181002e697446f88ddc8b Mon Sep 17 00:00:00 2001
From: Getabalew Tesfaye <Getudesta4@gmail.com>
Date: Thu, 21 Sep 2023 01:17:12 +0300
Subject: [PATCH 1/4] add condition for no onPreviewPressed prop

---
 src/components/ReportActionItem/MoneyRequestPreview.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/MoneyRequestPreview.js b/src/components/ReportActionItem/MoneyRequestPreview.js
index 3a0741cf9bd2..6e6c615a5344 100644
--- a/src/components/ReportActionItem/MoneyRequestPreview.js
+++ b/src/components/ReportActionItem/MoneyRequestPreview.js
@@ -232,7 +232,12 @@ function MoneyRequestPreview(props) {
                 errorRowStyles={[styles.mbn1]}
                 needsOffscreenAlphaCompositing
             >
-                <View style={[isScanning || props.isWhisper ? styles.reportPreviewBoxHoverBorder : undefined]}>
+                <View
+                    style={[
+                        isScanning || props.isWhisper ? styles.reportPreviewBoxHoverBorder : undefined,
+                        !props.onPreviewPressed ? [styles.moneyRequestPreviewBox, ...props.containerStyles] : {},
+                    ]}
+                >
                     {hasReceipt && (
                         <ReportActionItemImages
                             images={receiptImages}

From ff02ffdb6304356fd58a9c0c203c4512d069fb26 Mon Sep 17 00:00:00 2001
From: Getabalew Tesfaye <Getudesta4@gmail.com>
Date: Thu, 21 Sep 2023 01:19:01 +0300
Subject: [PATCH 2/4] fix container corners not rounded while scanning

---
 src/styles/styles.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/styles.js b/src/styles/styles.js
index 7e8ad488d2ee..1d5807f783d9 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -3837,6 +3837,7 @@ const styles = (theme) => ({
     reportPreviewBoxHoverBorder: {
         borderColor: theme.border,
         backgroundColor: theme.border,
+        borderRadius: variables.componentBorderRadiusLarge,
     },
 
     reportPreviewBoxBody: {

From 822199cd9b1f0af527059f7f6cb5bcc6dab574c2 Mon Sep 17 00:00:00 2001
From: Getabalew Tesfaye <Getudesta4@gmail.com>
Date: Sun, 24 Sep 2023 13:56:02 +0300
Subject: [PATCH 3/4] apply border radius only on RequestPreview

---
 src/components/ReportActionItem/MoneyRequestPreview.js | 2 +-
 src/styles/styles.js                                   | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/MoneyRequestPreview.js b/src/components/ReportActionItem/MoneyRequestPreview.js
index 6e6c615a5344..b865a8c01d71 100644
--- a/src/components/ReportActionItem/MoneyRequestPreview.js
+++ b/src/components/ReportActionItem/MoneyRequestPreview.js
@@ -234,7 +234,7 @@ function MoneyRequestPreview(props) {
             >
                 <View
                     style={[
-                        isScanning || props.isWhisper ? styles.reportPreviewBoxHoverBorder : undefined,
+                        isScanning || props.isWhisper ? {...styles.reportPreviewBoxHoverBorder, ...styles.reportContainerBorderRadius} : undefined,
                         !props.onPreviewPressed ? [styles.moneyRequestPreviewBox, ...props.containerStyles] : {},
                     ]}
                 >
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 1d5807f783d9..124a8e79f0f6 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -3837,6 +3837,9 @@ const styles = (theme) => ({
     reportPreviewBoxHoverBorder: {
         borderColor: theme.border,
         backgroundColor: theme.border,
+    },
+
+    reportContainerBorderRadius: {
         borderRadius: variables.componentBorderRadiusLarge,
     },
 

From 71c6450ae653a35f0b7411a116a4a08fd844dbdf Mon Sep 17 00:00:00 2001
From: Getabalew Tesfaye <Getudesta4@gmail.com>
Date: Mon, 25 Sep 2023 12:54:36 +0300
Subject: [PATCH 4/4] simplify styling

---
 src/components/ReportActionItem/MoneyRequestPreview.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/MoneyRequestPreview.js b/src/components/ReportActionItem/MoneyRequestPreview.js
index 77510597d98d..35215cadd15d 100644
--- a/src/components/ReportActionItem/MoneyRequestPreview.js
+++ b/src/components/ReportActionItem/MoneyRequestPreview.js
@@ -235,7 +235,7 @@ function MoneyRequestPreview(props) {
             >
                 <View
                     style={[
-                        isScanning || props.isWhisper ? {...styles.reportPreviewBoxHoverBorder, ...styles.reportContainerBorderRadius} : undefined,
+                        isScanning || props.isWhisper ? [styles.reportPreviewBoxHoverBorder, styles.reportContainerBorderRadius] : undefined,
                         !props.onPreviewPressed ? [styles.moneyRequestPreviewBox, ...props.containerStyles] : {},
                     ]}
                 >