From 6bdaf925781789479353e0a159814efd2c3539b3 Mon Sep 17 00:00:00 2001
From: aizad-deriv <103104395+aizad-deriv@users.noreply.github.com>
Date: Wed, 8 Feb 2023 20:59:22 +0800
Subject: [PATCH] chore: added setpreferredlanguage in trading-hub-header and
 exit-traders-hub-modal (#7553)

---
 .../Containers/Layout/header/trading-hub-header.jsx  | 11 ++++++++---
 .../exit-traders-hub-modal.jsx                       | 12 ++++++------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/packages/core/src/App/Containers/Layout/header/trading-hub-header.jsx b/packages/core/src/App/Containers/Layout/header/trading-hub-header.jsx
index ca6f7b89e42d..3b259040ce00 100644
--- a/packages/core/src/App/Containers/Layout/header/trading-hub-header.jsx
+++ b/packages/core/src/App/Containers/Layout/header/trading-hub-header.jsx
@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import { useHistory, withRouter } from 'react-router-dom';
 import { DesktopWrapper, Icon, MobileWrapper, Popover, Text, Button } from '@deriv/components';
 import { routes, ContentFlag } from '@deriv/shared';
-import { Localize } from '@deriv/translations';
+import { getLanguage, Localize } from '@deriv/translations';
 import { ToggleNotifications, MenuLinks } from 'App/Components/Layout/Header';
 import platform_config from 'App/Constants/platform-config';
 import ToggleMenuDrawer from 'App/Components/Layout/Header/toggle-menu-drawer.jsx';
@@ -49,8 +49,9 @@ const RedirectToOldInterface = ({
     toggleExitTradersHubModal,
     content_flag,
     switchToCRAccount,
+    setPreferredLanguage,
 }) => {
-    const history = useHistory();
+    const language = getLanguage();
     const disablePreAppstore = async () => {
         if (should_show_exit_traders_modal) {
             toggleExitTradersHubModal();
@@ -58,8 +59,8 @@ const RedirectToOldInterface = ({
             if (content_flag === ContentFlag.LOW_RISK_CR_EU) {
                 await switchToCRAccount();
             }
+            setPreferredLanguage(language);
             setIsPreAppStore(false);
-            history.push(routes.root);
         }
     };
     return (
@@ -137,6 +138,7 @@ const TradingHubHeader = ({
     toggleNotifications,
     toggleExitTradersHubModal,
     switchToCRAccount,
+    setPreferredLanguage,
 }) => {
     const is_mf = loginid?.startsWith('MF');
     const filterPlatformsForClients = payload =>
@@ -181,6 +183,7 @@ const TradingHubHeader = ({
                         toggleExitTradersHubModal={toggleExitTradersHubModal}
                         content_flag={content_flag}
                         switchToCRAccount={switchToCRAccount}
+                        setPreferredLanguage={setPreferredLanguage}
                     />
                     <Divider />
                     <div className='trading-hub-header__menu-right--items'>
@@ -282,6 +285,7 @@ TradingHubHeader.propTypes = {
     toggleExitTradersHubModal: PropTypes.func,
     content_flag: PropTypes.string,
     switchToCRAccount: PropTypes.func,
+    setPreferredLanguage: PropTypes.func,
 };
 
 export default connect(({ client, modules, notifications, ui, menu, traders_hub }) => ({
@@ -307,4 +311,5 @@ export default connect(({ client, modules, notifications, ui, menu, traders_hub
     toggleExitTradersHubModal: ui.toggleExitTradersHubModal,
     content_flag: traders_hub.content_flag,
     switchToCRAccount: traders_hub.switchToCRAccount,
+    setPreferredLanguage: client.setPreferredLanguage,
 }))(withRouter(TradingHubHeader));
diff --git a/packages/core/src/App/Containers/Modals/exit-traders-hub-modal/exit-traders-hub-modal.jsx b/packages/core/src/App/Containers/Modals/exit-traders-hub-modal/exit-traders-hub-modal.jsx
index 02d72bd61fda..60ab3ecb3de3 100644
--- a/packages/core/src/App/Containers/Modals/exit-traders-hub-modal/exit-traders-hub-modal.jsx
+++ b/packages/core/src/App/Containers/Modals/exit-traders-hub-modal/exit-traders-hub-modal.jsx
@@ -1,9 +1,8 @@
 import React from 'react';
-import { useHistory } from 'react-router-dom';
 import { connect } from 'Stores/connect';
 import { Button, DesktopWrapper, MobileDialog, MobileWrapper, Modal, Text, UILoader } from '@deriv/components';
-import { isMobile, routes, ContentFlag } from '@deriv/shared';
-import { localize } from '@deriv/translations';
+import { isMobile, ContentFlag } from '@deriv/shared';
+import { getLanguage, localize } from '@deriv/translations';
 
 const ExitTradersHubModal = ({
     disableApp,
@@ -16,9 +15,8 @@ const ExitTradersHubModal = ({
     account_list,
     active_accounts,
     setIsLoggingIn,
+    setPreferredLanguage,
 }) => {
-    const history = useHistory();
-
     const exit_traders_hub_modal_content = (
         <Text size={isMobile() ? 'xxs' : 'xs'}>
             {localize(`You won’t be able to see your EU account in the traditional view. The open positions in your EU
@@ -43,6 +41,7 @@ const ExitTradersHubModal = ({
     };
 
     const onClickExitButton = async () => {
+        const language = getLanguage();
         setIsPreAppStore(false);
         setIsLoggingIn(true);
         const cr_account = active_accounts.some(acc => acc.landing_company_shortcode === 'svg');
@@ -55,7 +54,7 @@ const ExitTradersHubModal = ({
             //if eu is currently selected , switch to non-eu on exiting tradershub
             await switchAccount(account_list.find(acc => acc.loginid.startsWith('CR'))?.loginid);
         }
-        history.push(routes.root);
+        setPreferredLanguage(language);
         setIsLoggingIn(false);
     };
 
@@ -103,4 +102,5 @@ export default connect(({ ui, client, traders_hub }) => ({
     account_list: client.account_list,
     active_accounts: client.active_accounts,
     setIsLoggingIn: client.setIsLoggingIn,
+    setPreferredLanguage: client.setPreferredLanguage,
 }))(ExitTradersHubModal);