Merge pull request Expensify#69793 from dukenv0307/fix/68280-double-opacity

Imported tag page: double opacity when the confirm modal is open

Author: inimaga

src/pages/workspace/tags/ImportMultiLevelTagsSettingsPage.tsx

@@ -1,3 +1,4 @@
+import {useIsFocused} from '@react-navigation/native';
 import React, {useEffect, useState} from 'react';
 import {View} from 'react-native';
 import FullPageOfflineBlockingView from '@components/BlockingViews/FullPageOfflineBlockingView';
@@ -49,6 +50,8 @@ function ImportMultiLevelTagsSettingsPage({route}: ImportMultiLevelTagsSettingsP
     const {setIsClosing} = useCloseImportPage();
     const [spreadsheet, spreadsheetMetadata] = useOnyx(ONYXKEYS.IMPORTED_SPREADSHEET, {canBeMissing: true});
 
+    const isFocused = useIsFocused();
+
     useEffect(() => {
         setImportedSpreadsheetIsFirstLineHeader(true);
         setImportedSpreadsheetIsImportingIndependentMultiLevelTags(true);
@@ -144,7 +147,7 @@ function ImportMultiLevelTagsSettingsPage({route}: ImportMultiLevelTagsSettingsP
                         />
                     </FixedFooter>
                     <ConfirmModal
-                        isVisible={spreadsheet?.shouldFinalModalBeOpened ?? false}
+                        isVisible={isFocused && (spreadsheet?.shouldFinalModalBeOpened ?? false)}
                         title={spreadsheet?.importFinalModal?.title ?? ''}
                         prompt={spreadsheet?.importFinalModal?.prompt ?? ''}
                         onConfirm={closeImportPageAndModal}