Agrim/DPROD-3439/fix: changing icons on markets pages (#7368)

* fix: changing icons on markets pages * fix: make change on cryptocurrency icon * fix: crypto fix * fix: empty commit --------- Co-authored-by: Agrim Jain <[email protected]>
binary-com · Apr 18, 2024 · 2e4f446 · 2e4f446
1 parent 8140f25
commit 2e4f446
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 6 deletions.
diff --git a/themes/gatsby-theme-deriv/src/images/svg/markets/leveragebalance.svg b/themes/gatsby-theme-deriv/src/images/svg/markets/leveragebalance.svg
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
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
@@ -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
@@ -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
@@ -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_',
     },