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 (
- - -
    -
  1. - - - -
      -
    • - - ]} - /> - -
    • -
    • - - ]} - /> - -
    • -
    -
  2. -
  3. +
  4. ]} + 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 steps to log back in to MT5.' + components={[ + { + setMT5NotificationModal(false); + }} + />, + ]} />
  5. -
  6. +
  7. - + { + 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(() => { - +