Merge pull request #21873 from Pujan92/fix/21570

Fix: Update to USD popup is not dismissed dynamically if currency is updated

src/pages/workspace/WorkspaceInitialPage.js

@@ -1,6 +1,6 @@
 import _ from 'underscore';
 import lodashGet from 'lodash/get';
-import React, {useCallback, useState} from 'react';
+import React, {useCallback, useEffect, useState} from 'react';
 import {View, ScrollView} from 'react-native';
 import {withOnyx} from 'react-native-onyx';
 import PropTypes from 'prop-types';
@@ -82,6 +82,13 @@ function WorkspaceInitialPage(props) {
         Navigation.navigate(ROUTES.SETTINGS_WORKSPACES);
     }, [props.reports, policy]);
 
+    useEffect(() => {
+        if (!isCurrencyModalOpen || policy.outputCurrency !== CONST.CURRENCY.USD) {
+            return;
+        }
+        setIsCurrencyModalOpen(false);
+    }, [policy.outputCurrency, isCurrencyModalOpen]);
+
     /**
      * Call update workspace currency and hide the modal
      */