Skip to content
This repository has been archived by the owner on Sep 26, 2024. It is now read-only.

Commit

Permalink
feat: adding ctrader to carousel (#7235)
Browse files Browse the repository at this point in the history 
Co-authored-by: Agrim Jain <agrimjain@Agrim-Jains-Mac-FQ22G9XXP9-Standard.local>
  • Loading branch information
@agrim-deriv
agrim-deriv and Agrim Jain authored Mar 11, 2024
1 parent 06c3020 commit 2688658
Show file tree
Hide file tree
Showing 7 changed files with 86 additions and 28 deletions.
16 changes: 8 additions & 8 deletions src/features/pages/deriv-ctrader/other-platforms/data.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,22 +33,22 @@ export const carousel_data: PlatformType[] = [
},
{
id: 3,
icon: DGoIcon,
heading: 'Deriv Go',
paragraph: '_t_Our best trading experience on your mobile._t_',
icon: DxIcon,
heading: 'Deriv X',
paragraph: '_t_The CFD trading platform to fit your style._t_',
link: {
type: 'internal',
to: '/deriv-go/',
to: '/derivx/',
},
},
{
id: 4,
icon: DxIcon,
heading: 'Deriv X',
paragraph: '_t_The CFD trading platform to fit your style._t_',
icon: DGoIcon,
heading: 'Deriv Go',
paragraph: '_t_Our best trading experience on your mobile._t_',
link: {
type: 'internal',
to: '/derivx/',
to: '/deriv-go/',
},
},
{
Expand Down
23 changes: 23 additions & 0 deletions src/images/svg/ctrader/light-ctrader-logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 13 additions & 6 deletions src/pages/dbot/_our-platforms.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react'
import { Mt5Icon, GoIcon, EzIcon, DxIcon, DtIcon } from '../../images/svg/dbot'
import ctIcon from '../../images/svg/ctrader/light-ctrader-logo.svg'
import GenericCarousel, { TRenderableData } from 'components/custom/carousel/_platforms-carousel'

const carouselData: TRenderableData[] = [
Expand All @@ -9,24 +10,30 @@ const carouselData: TRenderableData[] = [
paragraph: '_t_The all-in-one CFD trading platform._t_',
link: '/dmt5/',
},
{
icon: ctIcon,
heading: 'Deriv cTrader',
paragraph: '_t_Fast CFDs platform with inbuilt copy trading._t_',
link: '/deriv-ctrader/',
},
{
icon: DtIcon,
heading: 'Deriv Trader',
paragraph: '_t_Our flagship app for trading options and multipliers._t_',
link: '/dtrader/',
},
{
icon: GoIcon,
heading: 'Deriv GO',
paragraph: '_t_Our best trading experience on your mobile._t_',
link: '/deriv-go/',
},
{
icon: DxIcon,
heading: 'Deriv X',
paragraph: '_t_The CFD trading platform to fit your style._t_',
link: '/derivx/',
},
{
icon: GoIcon,
heading: 'Deriv GO',
paragraph: '_t_Our best trading experience on your mobile._t_',
link: '/deriv-go/',
},
]

const OurPlatforms = () => (
Expand Down
15 changes: 11 additions & 4 deletions src/pages/deriv-go/_other-apps.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react'
import mt5Icon from '../../images/svg/deriv-go/mt5.svg'
import ctIcon from '../../images/svg/ctrader/light-ctrader-logo.svg'
import dtIcon from '../../images/svg/deriv-go/dt-icosn.svg'
import ezIcon from '../../images/svg/deriv-go/ez-icon.svg'
import dxIcon from '../../images/svg/custom/rebranding/deriv-x-icon.svg'
Expand All @@ -14,17 +15,23 @@ const carouselData: TRenderableData[] = [
link: '/dmt5/',
},
{
icon: dxIcon,
heading: 'Deriv X',
paragraph: '_t_The CFD trading platform to fit your style._t_',
link: '/derivx/',
icon: ctIcon,
heading: 'Deriv cTrader',
paragraph: '_t_Fast CFDs platform with inbuilt copy trading._t_',
link: '/deriv-ctrader/',
},
{
icon: dtIcon,
heading: 'Deriv Trader',
paragraph: '_t_Our flagship app for trading options and multipliers._t_',
link: '/dtrader/',
},
{
icon: dxIcon,
heading: 'Deriv X',
paragraph: '_t_The CFD trading platform to fit your style._t_',
link: '/derivx/',
},
{
icon: dbIcon,
heading: 'Deriv Bot',
Expand Down
7 changes: 7 additions & 0 deletions src/pages/derivx/_other-apps.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react'
import { MT5Icon, DTIcon, EZIcon, DGoIcon, DBIcon } from '../../images/svg/deriv-x'
import ctIcon from '../../images/svg/ctrader/light-ctrader-logo.svg'
import GenericCarousel, { TRenderableData } from 'components/custom/carousel/_platforms-carousel'

const carouselData: TRenderableData[] = [
Expand All @@ -9,6 +10,12 @@ const carouselData: TRenderableData[] = [
paragraph: '_t_The all-in-one CFD trading platform._t_',
link: '/dmt5/',
},
{
icon: ctIcon,
heading: 'Deriv cTrader',
paragraph: '_t_Fast CFDs platform with inbuilt copy trading._t_',
link: '/deriv-ctrader/',
},
{
icon: DTIcon,
heading: 'Deriv Trader',
Expand Down
19 changes: 13 additions & 6 deletions src/pages/dmt5/_other-platforms.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,30 +1,37 @@
import React from 'react'
import dxIcon from '../../images/svg/custom/rebranding/deriv-x-icon.svg'
import ctIcon from '../../images/svg/ctrader/light-ctrader-logo.svg'
import dtIcon from '../../images/svg/custom/rebranding/dtrader-icon.svg'
import ezIcon from '../../images/svg/dmt5/ez-icon.svg'
import dGoIcon from '../../images/svg/custom/rebranding/deriv-go-icon.svg'
import dbIcon from '../../images/svg/dmt5/db-icon.svg'
import GenericCarousel, { TRenderableData } from 'components/custom/carousel/_platforms-carousel'

const carouselData: TRenderableData[] = [
{
icon: ctIcon,
heading: 'Deriv cTrader',
paragraph: '_t_Fast CFDs platform with inbuilt copy trading._t_',
link: '/deriv-ctrader/',
},
{
icon: dtIcon,
heading: 'Deriv Trader',
paragraph: '_t_Our flagship app for trading options and multipliers._t_',
link: '/dtrader/',
},
{
icon: dGoIcon,
heading: 'Deriv GO',
paragraph: '_t_Our best trading experience on your mobile._t_',
link: '/deriv-go/',
},
{
icon: dxIcon,
heading: 'Deriv X',
paragraph: '_t_The CFD trading platform to fit your style._t_',
link: '/derivx/',
},
{
icon: dGoIcon,
heading: 'Deriv GO',
paragraph: '_t_Our best trading experience on your mobile._t_',
link: '/deriv-go/',
},
{
icon: dbIcon,
heading: 'Deriv Bot',
Expand Down
15 changes: 11 additions & 4 deletions src/pages/dtrader/_our-platforms.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import React from 'react'
import mt5Icon from '../../images/svg/dtrader/mt5.svg'
import goIcon from '../../images/svg/custom/rebranding/deriv-go-icon.svg'
import ctIcon from '../../images/svg/ctrader/light-ctrader-logo.svg'
import ezIcon from '../../images/svg/dtrader/ez-icon.svg'
import dxIcon from '../../images/svg/custom/rebranding/deriv-x-icon.svg'
import dbIcon from '../../images/svg/dtrader/db-icon.svg'
Expand All @@ -14,17 +15,23 @@ const carouselData: TRenderableData[] = [
link: '/dmt5/',
},
{
icon: goIcon,
heading: 'Deriv GO',
paragraph: '_t_Our best trading experience on your mobile._t_',
link: '/deriv-go/',
icon: ctIcon,
heading: 'Deriv cTrader',
paragraph: '_t_Fast CFDs platform with inbuilt copy trading._t_',
link: '/deriv-ctrader/',
},
{
icon: dxIcon,
heading: 'Deriv X',
paragraph: '_t_The CFD trading platform to fit your style._t_',
link: '/derivx/',
},
{
icon: goIcon,
heading: 'Deriv GO',
paragraph: '_t_Our best trading experience on your mobile._t_',
link: '/deriv-go/',
},
{
icon: dbIcon,
heading: 'Deriv Bot',
Expand Down

0 comments on commit 2688658

Please sign in to comment.