From 3c32f745c71d57571f2f54b4cfd72a93322a8a5f Mon Sep 17 00:00:00 2001
From: nkdengineer <nkdengineer@outlook.com>
Date: Tue, 3 Jun 2025 11:23:44 +0700
Subject: [PATCH] fix: download as csv in offline via more options & details
 page is inconsistent

---
 src/components/MoneyReportHeader.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/MoneyReportHeader.tsx b/src/components/MoneyReportHeader.tsx
index d180f43d607a..ad00380ca591 100644
--- a/src/components/MoneyReportHeader.tsx
+++ b/src/components/MoneyReportHeader.tsx
@@ -614,7 +614,7 @@ function MoneyReportHeader({
     };
 
     const {canUseRetractNewDot, canUseTableReportView, canUseNewDotSplits} = usePermissions();
-
+    const [offlineModalVisible, setOfflineModalVisible] = useState(false);
     const beginPDFExport = (reportID: string) => {
         setIsPDFModalVisible(true);
         exportReportToPDF({reportID});
@@ -658,6 +658,10 @@ function MoneyReportHeader({
                 if (!moneyRequestReport) {
                     return;
                 }
+                if (isOffline) {
+                    setOfflineModalVisible(true);
+                    return;
+                }
                 exportReportToCSV({reportID: moneyRequestReport.reportID, transactionIDList: transactionIDs}, () => {
                     setDownloadErrorModalVisible(true);
                 });
@@ -1153,6 +1157,15 @@ function MoneyReportHeader({
                 isVisible={isDownloadErrorModalVisible}
                 onClose={() => setIsDownloadErrorModalVisible(false)}
             />
+            <DecisionModal
+                title={translate('common.youAppearToBeOffline')}
+                prompt={translate('common.offlinePrompt')}
+                isSmallScreenWidth={isSmallScreenWidth}
+                onSecondOptionSubmit={() => setOfflineModalVisible(false)}
+                secondOptionText={translate('common.buttonConfirm')}
+                isVisible={offlineModalVisible}
+                onClose={() => setOfflineModalVisible(false)}
+            />
             <Modal
                 onClose={() => setIsPDFModalVisible(false)}
                 isVisible={isPDFModalVisible}