diff --git a/themes/gatsby-theme-deriv/src/images/svg/markets/leveragebalance.svg b/themes/gatsby-theme-deriv/src/images/svg/markets/leveragebalance.svg new file mode 100644 index 00000000000..9e1988724f9 --- /dev/null +++ b/themes/gatsby-theme-deriv/src/images/svg/markets/leveragebalance.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/themes/gatsby-theme-deriv/src/images/svg/stock-indices/lowcapital.svg b/themes/gatsby-theme-deriv/src/images/svg/stock-indices/lowcapital.svg new file mode 100644 index 00000000000..02cc9c0f139 --- /dev/null +++ b/themes/gatsby-theme-deriv/src/images/svg/stock-indices/lowcapital.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/themes/gatsby-theme-deriv/src/pages/markets/components/markets/_cryptocurrencies.tsx b/themes/gatsby-theme-deriv/src/pages/markets/components/markets/_cryptocurrencies.tsx index dc270945d9b..4ad10087287 100644 --- a/themes/gatsby-theme-deriv/src/pages/markets/components/markets/_cryptocurrencies.tsx +++ b/themes/gatsby-theme-deriv/src/pages/markets/components/markets/_cryptocurrencies.tsx @@ -10,7 +10,8 @@ import { localize, Localize } from 'components/localization' import TightSpread from 'images/svg/markets/tight-spread-new.svg' import CryptoPairs from 'images/svg/markets/crypto-pairs-new.svg' import ZeroCommission from 'images/svg/markets/zero-commission-new.svg' -import Leverage from 'images/svg/stock-indices/stocks-high-leverage.svg' +import LeverageBalance from 'images/svg/markets/leveragebalance.svg' +import useRegion from 'components/hooks/use-region' import Typography from 'features/components/atoms/typography' import LinkButton from 'features/components/atoms/link-button' import Flex from 'features/components/atoms/flex-box' @@ -39,7 +40,7 @@ const crypto_content: SmartMarketItem[] = [ { id: 0, data: { - src: Leverage, + src: LeverageBalance, text: '_t_1:100 leverage_t_', alt: '_t_1 to 100 leverage_t_', }, @@ -50,7 +51,7 @@ const crypto_content: SmartMarketItem[] = [ { id: 1, data: { - src: Leverage, + src: LeverageBalance, text: '_t_1:2 leverage_t_', alt: '_t_1 to 100 leverage_t_', }, diff --git a/themes/gatsby-theme-deriv/src/pages/markets/static/content/_basket.tsx b/themes/gatsby-theme-deriv/src/pages/markets/static/content/_basket.tsx index 645a2a69fff..ff5963696c8 100644 --- a/themes/gatsby-theme-deriv/src/pages/markets/static/content/_basket.tsx +++ b/themes/gatsby-theme-deriv/src/pages/markets/static/content/_basket.tsx @@ -2,6 +2,7 @@ import { TMarket, TSimpleStepContent } from './_types' import Baskets from 'images/svg/stock-indices/baskets.svg' import AdvancedCharting from 'images/svg/markets/advanced-charting-widgets-new.svg' import Leverage from 'images/svg/stock-indices/stocks-high-leverage.svg' +import TightSpread from 'images/svg/markets/tight-spread-new.svg' import ResponsiveWebsite from 'images/svg/markets/forex/platforms.svg' import WithdrawIcon from 'images/svg/markets/deposit-and-withdrawal-new.svg' @@ -27,7 +28,7 @@ export const basket_indices_content: TMarket[] = [ text: '_t_Each currency weighted by 20%_t_', }, { - src: Leverage, + src: TightSpread, alt: '_t_Narrow spreads_t_', text: '_t_High leverage, tight spreads_t_', }, diff --git a/themes/gatsby-theme-deriv/src/pages/markets/static/content/_stock.tsx b/themes/gatsby-theme-deriv/src/pages/markets/static/content/_stock.tsx index 3882b5dbbdd..640f504d4aa 100644 --- a/themes/gatsby-theme-deriv/src/pages/markets/static/content/_stock.tsx +++ b/themes/gatsby-theme-deriv/src/pages/markets/static/content/_stock.tsx @@ -1,7 +1,7 @@ import { TMarket, TSimpleStepContent } from './_types' import ExtendedTime from 'images/svg/stock-indices/stocks-extented-time.svg' import FriendlySupport from 'images/svg/markets/forex/smart.svg' -import MinimalCapital from 'images/svg/stock-indices/stocks-minimum-capital.svg' +import LowCapital from 'images/svg/stock-indices/lowcapital.svg' import ResponsiveWebsite from 'images/svg/markets/forex/platforms.svg' import WithdrawIcon from 'images/svg/stock-indices/deposit-and-withdrawal-new.svg' @@ -22,7 +22,7 @@ export const simple_step_content_stock: TSimpleStepContent[] = [ const stocks: TMarket[] = [ { - src: MinimalCapital, + src: LowCapital, alt: '_t_Low capital_t_', text: '_t_Minimal capital requirements, limited risk_t_', },