diff --git a/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification-description.tsx b/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification-description.tsx
index 1ba514b12f80..469d6397c0eb 100644
--- a/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification-description.tsx
+++ b/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification-description.tsx
@@ -1,60 +1,52 @@
import React from 'react';
import { Text } from '@deriv/components';
import { Localize } from '@deriv/translations';
+import { mt5_community_url } from '@deriv/shared';
-const MT5NotificationDescription = () => {
+type TMT5NotificationDescription = {
+ setMT5NotificationModal: (value: boolean) => void;
+};
+const MT5NotificationDescription = ({ setMT5NotificationModal }: TMT5NotificationDescription) => {
return (
-
-
-
-
-
-
-
-
-
-
- ]}
- />
-
-
-
-
- ]}
- />
-
-
-
-
-
+
]}
+ i18n_default_text='Log back in to MT5 after 7:30 GMT on 20 Oct 2023 if you’re having difficulty logging in to MT5 as we’re making some updates to our MT5 platform. <0>Follow these steps0> to log back in to MT5.'
+ components={[
+ {
+ setMT5NotificationModal(false);
+ }}
+ />,
+ ]}
/>
-
+
-
+ {
+ window.LC_API.open_chat_window();
+ setMT5NotificationModal(false);
+ }}
+ key={0}
+ />,
+ ]}
+ />
-
- ]}
- />
-
-
-
-
);
};
diff --git a/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification.scss b/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification.scss
index edd1b80f08b0..5b7dd19d46dd 100644
--- a/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification.scss
+++ b/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification.scss
@@ -16,17 +16,16 @@
}
}
.mt5-notification-list {
- list-style: none;
+ list-style: disc;
+ margin-top: 0.4rem;
&-container {
- list-style: auto;
- padding: 1.5rem;
+ padding-left: 1.5rem;
font-size: 1.6rem;
color: var(--text-general);
- &-item {
- list-style: decimal;
- }
}
- &-contact {
- margin-top: 1rem;
+ &__link {
+ color: var(--text-red);
+ cursor: pointer;
+ text-decoration: underline;
}
}
diff --git a/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification.tsx b/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification.tsx
index adec8a48f760..0c4e89e104fc 100644
--- a/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification.tsx
+++ b/packages/core/src/App/Containers/Modals/mt5-notification/mt5-notification.tsx
@@ -17,13 +17,13 @@ const MT5Notification = observer(() => {
-
+
{
{
setMT5NotificationModal(false);
@@ -60,7 +60,7 @@ const MT5Notification = observer(() => {
}
>
-
+
diff --git a/packages/core/src/App/Containers/app-notification-messages.jsx b/packages/core/src/App/Containers/app-notification-messages.jsx
index 98dcceb5a2e7..531e809942df 100644
--- a/packages/core/src/App/Containers/app-notification-messages.jsx
+++ b/packages/core/src/App/Containers/app-notification-messages.jsx
@@ -118,6 +118,7 @@ const AppNotificationMessages = ({
'trustpilot',
'unwelcome',
'additional_kyc_info',
+ 'mt5_notification',
].includes(message.key) || message.type === 'p2p_completed_order'
: true;
diff --git a/packages/core/src/Stores/notification-store.js b/packages/core/src/Stores/notification-store.js
index f0d1a644b32f..20327ded52e4 100644
--- a/packages/core/src/Stores/notification-store.js
+++ b/packages/core/src/Stores/notification-store.js
@@ -545,6 +545,9 @@ export default class NotificationStore extends BaseStore {
this.addNotificationMessage(this.client_notifications.svg_poi_expired);
}
}
+ if (client && this.root_store.client.mt5_login_list.length > 0) {
+ this.addNotificationMessage(this.client_notifications.mt5_notification);
+ }
}
if (!is_eu && isMultiplierContract(selected_contract_type) && current_language === 'EN' && is_logged_in) {
@@ -1430,7 +1433,7 @@ export default class NotificationStore extends BaseStore {
},
mt5_notification: {
key: 'mt5_notification',
- header: localize('Trouble accessing Deriv MT5 on your mobile?'),
+ header: localize('Deriv MT5: Your action is needed'),
message: localize('Follow these simple instructions to fix it.'),
action: {
text: localize('Learn more'),
diff --git a/packages/shared/src/utils/cfd/cfd.ts b/packages/shared/src/utils/cfd/cfd.ts
index 2c3f03474c41..5f9fa5bbbd10 100644
--- a/packages/shared/src/utils/cfd/cfd.ts
+++ b/packages/shared/src/utils/cfd/cfd.ts
@@ -462,3 +462,6 @@ export const getAuthenticationStatusInfo = (account_status: GetAccountStatus): T
is_idv_revoked,
};
};
+
+export const mt5_community_url =
+ 'https://community.deriv.com/t/log-in-using-mt5-pc-or-mobile-app-application-guideline/49622';