diff --git a/crowdin/messages.json b/crowdin/messages.json index 36a32b75f38..b3fe8fdd1b6 100644 --- a/crowdin/messages.json +++ b/crowdin/messages.json @@ -3085,7 +3085,7 @@ "-1101838164": "A feature-rich", "-319509090": "CFD trading", "-76418992": "Deriv ctrader logo", - "-1660789683": "coming soon", + "-700260448": "demo", "-1006826644": "<0>Sign in to your Deriv account. If you don’t have one, <1>sign up for free.", "-1864840861": "Under CFDs, look for Deriv cTrader and select Get.", "-706898598": "Go to the Trader’s hub and choose the Real option.", @@ -4516,4 +4516,4 @@ "-1773685845": "All markets and platforms", "-661813412": "Enjoy full access to all our markets and platforms.", "-1520902282": "No credit card needed" -} \ No newline at end of file +} diff --git a/src/features/components/atoms/tab/tab-switcher/index.tsx b/src/features/components/atoms/tab/tab-switcher/index.tsx index 291ae0bb271..cbf6bdc97dc 100644 --- a/src/features/components/atoms/tab/tab-switcher/index.tsx +++ b/src/features/components/atoms/tab/tab-switcher/index.tsx @@ -8,7 +8,7 @@ import * as styles from './tab-switcher.module.scss' import { Localize } from 'components/localization' import dclsx from 'features/utils/dclsx' -const TabSwitcher = ({ tab, onTabClick }: Omit) => { +const TabSwitcher = ({ tab, onTabClick, is_ctrader = false }: Omit) => { return ( ) => { - onTabClick('real')} - > - - - - + {!is_ctrader && ( + onTabClick('real')} + > + + + + + )} ) diff --git a/src/features/components/atoms/tab/types.ts b/src/features/components/atoms/tab/types.ts index ba24f470d27..ca940bba3fb 100644 --- a/src/features/components/atoms/tab/types.ts +++ b/src/features/components/atoms/tab/types.ts @@ -14,4 +14,5 @@ export type StepperTabTypes = { tab?: string onTabClick: (step: 'demo' | 'real' | number) => void direction?: TFlexDirection + is_ctrader?: boolean } diff --git a/src/features/components/templates/banners/deriv-products-hero/index.tsx b/src/features/components/templates/banners/deriv-products-hero/index.tsx index c02555b3777..7e49ed01e36 100644 --- a/src/features/components/templates/banners/deriv-products-hero/index.tsx +++ b/src/features/components/templates/banners/deriv-products-hero/index.tsx @@ -10,12 +10,9 @@ import TradeHeroContainer from 'features/components/templates/hero-banners/trade interface DerivProductHeroType { contentData: DerivProductContentType - is_ctrader_hide: boolean } const DerivProductHero = ({ contentData }: DerivProductHeroType) => { - const is_ctrader_live = false - return ( { > - {is_ctrader_live && ( - - )} + diff --git a/src/features/components/templates/banners/deriv-products-hero/products-logo-and-text.tsx b/src/features/components/templates/banners/deriv-products-hero/products-logo-and-text.tsx index 286c87cb875..20965ea2da9 100644 --- a/src/features/components/templates/banners/deriv-products-hero/products-logo-and-text.tsx +++ b/src/features/components/templates/banners/deriv-products-hero/products-logo-and-text.tsx @@ -8,17 +8,17 @@ interface ProductsLogoTextProps { } const ProductsLogoAndText = ({ contentData }: ProductsLogoTextProps) => { - const { mobile_logo, logo, coming_soon_icon, mobile_coming_soon_icon } = contentData + const { mobile_logo, logo, demo_icon, mobile_demo_icon } = contentData return ( {mobile_logo} - {mobile_coming_soon_icon} + {mobile_demo_icon} - + {logo} - {coming_soon_icon} + {demo_icon} ) diff --git a/src/features/components/templates/banners/deriv-products-hero/types.ts b/src/features/components/templates/banners/deriv-products-hero/types.ts index 226b7e05f64..322f4e0723e 100644 --- a/src/features/components/templates/banners/deriv-products-hero/types.ts +++ b/src/features/components/templates/banners/deriv-products-hero/types.ts @@ -6,8 +6,8 @@ export type DerivProductContentType = { hero: ReactElement hero_mobile: ReactElement logo: ReactElement - coming_soon_icon: ReactElement - mobile_coming_soon_icon: ReactElement + demo_icon: ReactElement + mobile_demo_icon: ReactElement mobile_logo: ReactElement product_water_mark_logo?: ReactElement product_water_mark_logo_mobile?: ReactElement diff --git a/src/features/components/templates/tabs/stepper/index.tsx b/src/features/components/templates/tabs/stepper/index.tsx index 1cea44d481c..f8d8acb3764 100644 --- a/src/features/components/templates/tabs/stepper/index.tsx +++ b/src/features/components/templates/tabs/stepper/index.tsx @@ -2,10 +2,10 @@ import React from 'react' import Tab from '../../../atoms/tab' import { StepperTabTypes } from 'features/components/atoms/tab/types' -const TabStepper = ({ items, onTabClick, tab }: StepperTabTypes) => { +const TabStepper = ({ items, onTabClick, tab, is_ctrader }: StepperTabTypes) => { return ( <> - + ) diff --git a/src/features/pages/deriv-ctrader/hero-banner/data.tsx b/src/features/pages/deriv-ctrader/hero-banner/data.tsx index cd9642e07d7..8120313af0c 100644 --- a/src/features/pages/deriv-ctrader/hero-banner/data.tsx +++ b/src/features/pages/deriv-ctrader/hero-banner/data.tsx @@ -2,7 +2,7 @@ import React from 'react' import { StaticImage } from 'gatsby-plugin-image' import Image from 'features/components/atoms/image' import CTraderLogo from 'images/svg/trading-platforms/ctrader/ctrader-logo.svg' -import ComingSoonLogo from 'images/svg/trading-platforms/ctrader/coming_soon.svg' +import DemoLogo from 'images/svg/trading-platforms/ctrader/demo_ctrader.svg' import { DerivProductContentType } from 'features/components/templates/banners/deriv-products-hero/types' export const hero_content_data: DerivProductContentType = { @@ -31,10 +31,6 @@ export const hero_content_data: DerivProductContentType = { ), logo: {'_t_Deriv, mobile_logo: {'_t_Deriv, - coming_soon_icon: ( - {'_t_coming - ), - mobile_coming_soon_icon: ( - {'_t_coming - ), + demo_icon: {'_t_demo_t_'}, + mobile_demo_icon: {'_t_demo_t_'}, } diff --git a/src/features/pages/deriv-ctrader/how-to-start/index.tsx b/src/features/pages/deriv-ctrader/how-to-start/index.tsx index 8cfc93a4bef..7fea8c796c5 100644 --- a/src/features/pages/deriv-ctrader/how-to-start/index.tsx +++ b/src/features/pages/deriv-ctrader/how-to-start/index.tsx @@ -21,13 +21,19 @@ const HowToStartCTrader = () => {
- +
) diff --git a/src/features/pages/deriv-ctrader/index.tsx b/src/features/pages/deriv-ctrader/index.tsx index 2112386c8a7..bc0f657ef9c 100644 --- a/src/features/pages/deriv-ctrader/index.tsx +++ b/src/features/pages/deriv-ctrader/index.tsx @@ -30,9 +30,9 @@ const DerivCTrader = () => { + {is_ctrader && ( <> - )} diff --git a/src/images/svg/trading-platforms/ctrader/coming_soon.svg b/src/images/svg/trading-platforms/ctrader/coming_soon.svg deleted file mode 100644 index b196937ab63..00000000000 --- a/src/images/svg/trading-platforms/ctrader/coming_soon.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/images/svg/trading-platforms/ctrader/demo_ctrader.svg b/src/images/svg/trading-platforms/ctrader/demo_ctrader.svg new file mode 100644 index 00000000000..6134850df69 --- /dev/null +++ b/src/images/svg/trading-platforms/ctrader/demo_ctrader.svg @@ -0,0 +1,4 @@ + + + +