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 = () => (
@@ -18,7 +21,7 @@ const MobileMenu = () => (
-
{it.L('SmartTrader')}
+
{it.L('[_1]', platform_name)}
@@ -80,7 +83,7 @@ const Header = () => (
-
{it.L('SmartTrader')}
+
{it.L('[_1]', platform_name)}
diff --git a/src/templates/_common/brand.config.js b/src/templates/_common/brand.config.js new file mode 100644 index 00000000000..7f2faa3fbf8 --- /dev/null +++ b/src/templates/_common/brand.config.js @@ -0,0 +1,38 @@ +const brand_config_data = { + brand_name: 'Deriv', + platforms : { + smarttrader: { + name: 'SmartTrader', + icon: 'logo_smart_trader.svg', + }, + dtrader: { + name: 'DTrader', + icon: 'ic-brand-dtrader.svg', + }, + dbot: { + name: 'DBot', + icon: 'ic-brand-dbot.svg', + }, + dmt5: { + name : 'DMT5', + full_name: 'Deriv MetaTrader 5', + icon : 'ic-brand-dmt5.svg', + }, + dxtrade: { + name: 'Deriv X', + icon: 'ic-brand-dxtrade.svg', + }, + bbot: { + name: 'Binary Bot', + icon: 'ic-brand-binarybot.svg', + }, + }, +}; + +const getBrandName = () => brand_config_data.brand_name; +const getPlatformSettings = platform_key => brand_config_data.platforms[platform_key]; + +module.exports = { + getBrandName, + getPlatformSettings, +}; diff --git a/src/templates/_common/components/title.jsx b/src/templates/_common/components/title.jsx index c6908cc227e..dd006beca58 100644 --- a/src/templates/_common/components/title.jsx +++ b/src/templates/_common/components/title.jsx @@ -1,7 +1,8 @@ import React from 'react'; +import { getBrandName } from '../brand.config'; const Title = () => ( - {`${it.title ? `${it.L(it.title)} | ` : ''}${it.L('Online trading platform')} | Deriv`} + {`${it.title ? `${it.L(it.title)} | ` : ''}${it.L('Online trading platform')} | ${getBrandName()}`} ); export default Title; diff --git a/src/templates/_common/data.js b/src/templates/_common/data.js deleted file mode 100644 index e7ace679de2..00000000000 --- a/src/templates/_common/data.js +++ /dev/null @@ -1,7 +0,0 @@ -let data = { }; - -export const setData = newData => { - data = newData; -}; - -export const getData = () => data;