Hirad/94054/Added localize to demo text (deriv-com#8395)

* fix: added localize to demo text * fix: added localize to the selected account type --------- Co-authored-by: Farrah Mae Ochoa <82315152+farrah-deriv@users.noreply.github.com> Co-authored-by: Nijil Nirmal <62882794+nijil-deriv@users.noreply.github.com>
yaswanth-deriv · May 1, 2023 · 46df180 · 46df180
1 parent 48ac0b4
commit 46df180
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/appstore/src/components/containers/trading-app-card.tsx b/packages/appstore/src/components/containers/trading-app-card.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import classNames from 'classnames';
 import { getStatusBadgeConfig } from '@deriv/account';
 import { Text, StatusBadge } from '@deriv/components';
 import TradigPlatformIconProps from 'Assets/svgs/trading-platform';
@@ -8,7 +9,7 @@ import TradingAppCardActions, { Actions } from './trading-app-card-actions';
 import { AvailableAccount, TDetailsOfEachMT5Loginid } from 'Types';
 import { useStores } from 'Stores/index';
 import { observer } from 'mobx-react-lite';
-import classNames from 'classnames';
+import { localize } from '@deriv/translations';
 import { CFD_PLATFORMS, ContentFlag, getStaticUrl } from '@deriv/shared';
 
 const TradingAppCard = ({
@@ -70,7 +71,7 @@ const TradingAppCard = ({
                 <div className='trading-app-card__details'>
                     <div>
                         <Text className='title' size='xs' line_height='s' color='prominent'>
-                            {!is_real && sub_title ? `${sub_title} Demo` : sub_title}
+                            {!is_real && sub_title ? `${sub_title} ${localize('Demo')}` : sub_title}
                         </Text>
                         {short_code_and_region && (
                             <Text
@@ -90,7 +91,7 @@ const TradingAppCard = ({
                         weight='bold'
                         color={action_type === 'trade' ? 'prominent' : 'general'}
                     >
-                        {!is_real && !sub_title && !is_deriv_platform ? `${name} Demo` : name}
+                        {!is_real && !sub_title && !is_deriv_platform ? `${name} ${localize('Demo')}` : name}
                     </Text>
                     <Text className='description' color={'general'} size='xxs' line_height='m'>
                         {app_desc}

diff --git a/packages/appstore/src/components/currency-switcher-card/demo/demo-account-card.tsx b/packages/appstore/src/components/currency-switcher-card/demo/demo-account-card.tsx
@@ -24,7 +24,7 @@ const DemoAccountCard = () => {
             icon='VIRTUAL'
             title={
                 <Text className='demo-account-card__title' size='xs' line_height='s'>
-                    {selected_account_type}
+                    {localize(selected_account_type)}
                 </Text>
             }
             actions={