diff --git a/src/components/Banner/fixed-dbot-banner.jsx b/src/components/Banner/fixed-dbot-banner.jsx index 790bdc2f3..8a4351781 100644 --- a/src/components/Banner/fixed-dbot-banner.jsx +++ b/src/components/Banner/fixed-dbot-banner.jsx @@ -11,10 +11,13 @@ const FixedDbotBanner = () => ( {translate('Important: ')} - {translate('Binary Bot will be discontinued soon. ')} - - {translate('Upgrade to Deriv Bot')} - + {translate('Binary Bot will be discontinued on')} + + {translate('31 August 2024.')} + + {translate('Upgrade to Deriv Bot')} + + {translate(' to continue trading.')} diff --git a/src/components/Banner/fixed-dbot-banner.scss b/src/components/Banner/fixed-dbot-banner.scss index 5770bed30..1d592c2a9 100644 --- a/src/components/Banner/fixed-dbot-banner.scss +++ b/src/components/Banner/fixed-dbot-banner.scss @@ -28,6 +28,7 @@ &__visit-deriv-bot { color: var(--text-prominent); text-decoration: underline; + font-weight: bold; &:hover { text-decoration: underline; } diff --git a/src/components/Banner/move-to-dbot-banner.jsx b/src/components/Banner/move-to-dbot-banner.jsx index 2534f767f..a43c86907 100644 --- a/src/components/Banner/move-to-dbot-banner.jsx +++ b/src/components/Banner/move-to-dbot-banner.jsx @@ -8,7 +8,7 @@ import { visitDerivBot } from './redirect-to-dbot'; import './move-to-dbot-banner.scss'; const updateLastPopupTime = () => { - localStorage.setItem('last_deriv_redirect_popup_time', new Date().toString()); + localStorage.setItem('migration_popup_timer', new Date().toString()); }; const daysBetween = (date1, date2) => { @@ -18,15 +18,15 @@ const daysBetween = (date1, date2) => { }; const shouldShowPopup = () => { - const last_deriv_redirect_popup_time = localStorage.getItem('last_deriv_redirect_popup_time'); + const migration_popup_timer = localStorage.getItem('migration_popup_timer'); - if (!last_deriv_redirect_popup_time) { + if (!migration_popup_timer) { updateLastPopupTime(); return true; } const allowed_delay = 1; // One week in days - const last_popup_date = new Date(last_deriv_redirect_popup_time); + const last_popup_date = new Date(migration_popup_timer); const current_date = new Date(); if (daysBetween(last_popup_date, current_date) >= allowed_delay) { @@ -39,7 +39,7 @@ const shouldShowPopup = () => { const MoveToDbotBanner = () => { const container_class = 'mv-dbot-banner'; - const [open_modal, setOpenModal] = useState(false); + const [open_modal, setOpenModal] = useState(true); useEffect(() => { try { @@ -72,14 +72,22 @@ const MoveToDbotBanner = () => {
move to deriv
-
{translate('Binary bot is retiring soon')}
+
+ {translate('Binary bot is retiring on 31 August 2024')} +
-

{translate('Binary bot will be discontinued soon.')}

{translate( - 'Import your existing strategies (XML files) to Deriv Bot today and enjoy a faster, more efficient trading experience with advanced features.' + 'Follow these steps to keep trading with your favourite strategies on Deriv Bot:' )}

+
    +
  1. {translate('Download your Binary Bot strategy in XML format.')}
  2. +
  3. {translate('Switch to Deriv Bot and import your strategy.')}
  4. +
  5. {translate('Run your updated strategy to check its performance.')}
  6. +
  7. {translate('Save the updated strategy for quicker re-imports.')}
  8. +
+

{translate('Upgrade today and experience seamless trading on Deriv Bot.')}

diff --git a/src/components/Banner/move-to-dbot-banner.scss b/src/components/Banner/move-to-dbot-banner.scss index f4e030d76..f23eeb3ae 100644 --- a/src/components/Banner/move-to-dbot-banner.scss +++ b/src/components/Banner/move-to-dbot-banner.scss @@ -44,4 +44,9 @@ justify-content: center; margin-bottom: 16px; } + + &__orderd-list { + margin: 0; + padding: 0 16px; + } }