diff --git a/scripts/config/pages.js b/scripts/config/pages.js index 41fea072cf3..370d3179c2b 100644 --- a/scripts/config/pages.js +++ b/scripts/config/pages.js @@ -1,3 +1,5 @@ +const getPlatformSettings = require('../../src/templates/_common/brand.config').getPlatformSettings; + module.exports = [ // url pathname, template file path, layout, title, exclude languages, section (if differs from default) // ==================== Section: "app" ==================== @@ -14,7 +16,7 @@ module.exports = [ // ['paymentagent/transferws', 'app/cashier/paymentagent_transfer', 'default', 'Payment Agent Transfer'], // ['paymentagent/withdrawws', 'app/cashier/paymentagent_withdraw', 'default', 'Payment Agent Withdrawal'], - ['trading', 'app/trade/trading', 'default', 'SmartTrader'], + ['trading', 'app/trade/trading', 'default', getPlatformSettings('smarttrader').name], // ['new_account/maltainvestws', 'app/new_account/financial', 'default', 'Financial Account Opening'], // ['new_account/realws', 'app/new_account/real', 'default', 'Real Money Account Opening'], diff --git a/src/javascript/app/base/header.js b/src/javascript/app/base/header.js index 0c35a694251..0aae50184cd 100644 --- a/src/javascript/app/base/header.js +++ b/src/javascript/app/base/header.js @@ -18,6 +18,7 @@ const applyToAllElements = require('../../_common/utility').applyToAllElem const createElement = require('../../_common/utility').createElement; const findParent = require('../../_common/utility').findParent; const getTopLevelDomain = require('../../_common/utility').getTopLevelDomain; +const getPlatformSettings = require('../../../templates/_common/brand.config').getPlatformSettings; const getHostname = require('../../_common/utility').getHostname; const template = require('../../_common/utility').template; const Language = require('../../_common/language'); @@ -112,7 +113,7 @@ const Header = (() => { }); applyToAllElements('.header__logo', (el) => { - el.src = Url.urlForStatic(`${header_icon_base_path}logo_smart_trader.svg`); + el.src = Url.urlForStatic(`${header_icon_base_path}${getPlatformSettings('smarttrader').icon}`); }); applyToAllElements('.logout-icon', (el) => { @@ -163,53 +164,54 @@ const Header = (() => { const platforms = { dtrader: { - name : 'DTrader', + name : getPlatformSettings('dtrader').name, desc : localize('A whole new trading experience on a powerful yet easy to use platform.'), link : main_domain, - icon : 'ic-brand-dtrader.svg', + icon : getPlatformSettings('dtrader').icon, on_mobile: true, }, ...(should_show_bots ? { dbot: { - name : 'DBot', + name : getPlatformSettings('dbot').name, desc : localize('Automated trading at your fingertips. No coding needed.'), link : `${main_domain}/bot`, - icon : 'ic-brand-dbot.svg', + icon : getPlatformSettings('dbot').icon, on_mobile: true, }, } : {}), ...(should_show_dmt5 ? { dmt5: { - name : 'DMT5', - desc : localize('Trade on Deriv MetaTrader 5 (DMT5), the all-in-one FX and CFD trading platform.'), + name: getPlatformSettings('dmt5').name, + desc: localize('Trade on [_1] ([_2]), the all-in-one FX and CFD trading platform.', + [getPlatformSettings('dmt5').full_name, getPlatformSettings('dmt5').name]), link : `${main_domain}/mt5`, - icon : 'ic-brand-dmt5.svg', + icon : getPlatformSettings('dmt5').icon, on_mobile: true, }, } : {}), ...(should_show_xtrade ? { derivx: { - name : 'Deriv X', + name : getPlatformSettings('dxtrade').name, desc : localize('Trade FX and CFDs on a customisable, easy-to-use trading platform.'), link : `${main_domain}/derivx`, - icon : 'ic-brand-dxtrade.svg', + icon : getPlatformSettings('dxtrade').icon, on_mobile: true, }, } : {}), smarttrader: { - name : 'SmartTrader', + name : getPlatformSettings('smarttrader').name, desc : localize('Trade the world\'s markets with our popular user-friendly platform.'), link : '#', - icon : 'logo_smart_trader.svg', + icon : getPlatformSettings('smarttrader').icon, on_mobile: true, }, ...(should_show_bots ? { binarybot: { - name : 'Binary Bot', + name : getPlatformSettings('bbot').name, desc : localize('Our classic “drag-and-drop” tool for creating trading bots, featuring pop-up trading charts, for advanced users.'), link : `https://bot.deriv.${getTopLevelDomain()}`, - icon : 'ic-brand-binarybot.svg', + icon : getPlatformSettings('bbot').icon, on_mobile: true, }, } : {}), diff --git a/src/templates/_common/_layout/header.jsx b/src/templates/_common/_layout/header.jsx index feaa40f9760..0fa23ede44b 100644 --- a/src/templates/_common/_layout/header.jsx +++ b/src/templates/_common/_layout/header.jsx @@ -1,4 +1,7 @@ import React from 'react'; +import { getPlatformSettings } from '../brand.config'; + +const platform_name = getPlatformSettings('smarttrader').name; const MobileMenu = () => (