From bb894c75ddb55c081ef851708733141e705d4b73 Mon Sep 17 00:00:00 2001
From: NikkiWines <nikkiwines@expensify.com>
Date: Tue, 2 Apr 2024 16:24:01 -0700
Subject: [PATCH] align offline receipt view for one-transaction and
 multi-transaction views

---
 src/pages/home/report/ReportActionItem.tsx | 29 +++++++++++++---------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/pages/home/report/ReportActionItem.tsx b/src/pages/home/report/ReportActionItem.tsx
index 2716fedcf59a..252abedc48c4 100644
--- a/src/pages/home/report/ReportActionItem.tsx
+++ b/src/pages/home/report/ReportActionItem.tsx
@@ -752,15 +752,18 @@ function ReportActionItem({
         }
         if (ReportUtils.isExpenseReport(report) || ReportUtils.isIOUReport(report)) {
             return (
-                <OfflineWithFeedback pendingAction={action.pendingAction}>
+                // eslint-disable-next-line react/jsx-no-useless-fragment
+                <>
                     {transactionThreadReport && !isEmptyObject(transactionThreadReport) ? (
                         <>
                             {transactionCurrency !== report.currency && (
-                                <MoneyReportView
-                                    report={report}
-                                    policy={policy}
-                                    shouldShowHorizontalRule={!shouldHideThreadDividerLine}
-                                />
+                                <OfflineWithFeedback pendingAction={action.pendingAction}>
+                                    <MoneyReportView
+                                        report={report}
+                                        policy={policy}
+                                        shouldShowHorizontalRule={!shouldHideThreadDividerLine}
+                                    />
+                                </OfflineWithFeedback>
                             )}
                             <ShowContextMenuContext.Provider value={contextValue}>
                                 <MoneyRequestView
@@ -771,13 +774,15 @@ function ReportActionItem({
                             </ShowContextMenuContext.Provider>
                         </>
                     ) : (
-                        <MoneyReportView
-                            report={report}
-                            policy={policy}
-                            shouldShowHorizontalRule={!shouldHideThreadDividerLine}
-                        />
+                        <OfflineWithFeedback pendingAction={action.pendingAction}>
+                            <MoneyReportView
+                                report={report}
+                                policy={policy}
+                                shouldShowHorizontalRule={!shouldHideThreadDividerLine}
+                            />
+                        </OfflineWithFeedback>
                     )}
-                </OfflineWithFeedback>
+                </>
             );
         }