From 7beac7e50fc065b3caf8f2a6053c1d9854ffe281 Mon Sep 17 00:00:00 2001
From: Farabi <farabi@deriv.com>
Date: Mon, 23 Sep 2024 16:11:18 +0800
Subject: [PATCH] fix: used localize method from deriv-com/translations

---
 .../journal/journal-components/format-message.tsx           | 2 +-
 src/components/layout/footer/Endpoint.tsx                   | 2 +-
 src/components/layout/header/index.tsx                      | 6 +++---
 src/components/load-modal/local-footer.tsx                  | 2 +-
 src/components/load-modal/recent-footer.tsx                 | 2 +-
 src/components/route-prompt-dialog/route-prompt-dialog.tsx  | 3 ++-
 src/components/shared/utils/helpers/chart-notifications.tsx | 3 ++-
 .../shared/utils/helpers/portfolio-notifications.tsx        | 3 ++-
 src/pages/dashboard/load-bot-preview/local-footer.tsx       | 2 +-
 src/pages/dashboard/load-bot-preview/local.tsx              | 2 +-
 src/pages/dashboard/stop-bot-modal-content.tsx              | 6 +++---
 src/pages/main/main.tsx                                     | 3 ++-
 src/pages/tutorials/dbot-tours/common/tour-end-dialog.tsx   | 2 +-
 .../help-strings/trade_definition_multiplier.tsx            | 3 ++-
 14 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/src/components/journal/journal-components/format-message.tsx b/src/components/journal/journal-components/format-message.tsx
index 46315b22..bbd47ac3 100644
--- a/src/components/journal/journal-components/format-message.tsx
+++ b/src/components/journal/journal-components/format-message.tsx
@@ -2,7 +2,7 @@ import classnames from 'classnames';
 import { formatMoney, getCurrencyDisplayCode } from '@/components/shared';
 import Text from '@/components/shared_ui/text';
 import { LogTypes } from '@/external/bot-skeleton';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Localize, localize } from '@deriv-com/translations';
 import { TFormatMessageProps } from '../journal.types';
 
 const FormatMessage = ({ logType, className, extra }: TFormatMessageProps) => {
diff --git a/src/components/layout/footer/Endpoint.tsx b/src/components/layout/footer/Endpoint.tsx
index 380a16dc..24bdb312 100644
--- a/src/components/layout/footer/Endpoint.tsx
+++ b/src/components/layout/footer/Endpoint.tsx
@@ -8,7 +8,7 @@ const Endpoint = () => {
 
     if (serverURL) {
         return (
-            <Text className='app-footer__endpoint' color='red' size='sm'>
+            <Text className='app-footer__endpoint' color='red' size='s'>
                 The server{' '}
                 <Link className='app-footer__endpoint-text' to={ENDPOINT}>
                     endpoint
diff --git a/src/components/layout/header/index.tsx b/src/components/layout/header/index.tsx
index cf40a379..ce7c1486 100644
--- a/src/components/layout/header/index.tsx
+++ b/src/components/layout/header/index.tsx
@@ -48,10 +48,10 @@ const AppHeader = () => {
                         onClick={() => {
                             window.location.assign('https://app.deriv.com/cashier/deposit');
                         }}
-                        size='md'
+                        size='s'
                         className='deposit-button'
                     >
-                        <Text size='sm' weight='bold'>
+                        <Text size='s' weight='bold'>
                             {localize('Deposit')}
                         </Text>
                     </Button>
@@ -60,7 +60,7 @@ const AppHeader = () => {
         } else {
             return (
                 <Button
-                    size='sm'
+                    size='s'
                     variant='outlined'
                     color='primary-light'
                     onClick={() => {
diff --git a/src/components/load-modal/local-footer.tsx b/src/components/load-modal/local-footer.tsx
index 12810c96..b018875a 100644
--- a/src/components/load-modal/local-footer.tsx
+++ b/src/components/load-modal/local-footer.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { NOTIFICATION_TYPE } from '@/components/bot-notification/bot-notification-utils';
 import { useStore } from '@/hooks/useStore';
-import { localize } from '@/utils/tmp/dummy';
+import { localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 import Button from '../shared_ui/button';
 
diff --git a/src/components/load-modal/recent-footer.tsx b/src/components/load-modal/recent-footer.tsx
index 1e17304b..9b4d30a7 100644
--- a/src/components/load-modal/recent-footer.tsx
+++ b/src/components/load-modal/recent-footer.tsx
@@ -1,7 +1,7 @@
 import { observer } from 'mobx-react-lite';
 import { NOTIFICATION_TYPE } from '@/components/bot-notification/bot-notification-utils';
 import { useStore } from '@/hooks/useStore';
-import { localize } from '@/utils/tmp/dummy';
+import { localize } from '@deriv-com/translations';
 import Button from '../shared_ui/button';
 
 const RecentFooter = observer(() => {
diff --git a/src/components/route-prompt-dialog/route-prompt-dialog.tsx b/src/components/route-prompt-dialog/route-prompt-dialog.tsx
index e77e5728..2fe1c104 100644
--- a/src/components/route-prompt-dialog/route-prompt-dialog.tsx
+++ b/src/components/route-prompt-dialog/route-prompt-dialog.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useStore } from '@/hooks/useStore';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@deriv-com/translations';
 import Dialog from '../shared_ui/dialog';
 
 const RoutePromptDialog = observer(() => {
diff --git a/src/components/shared/utils/helpers/chart-notifications.tsx b/src/components/shared/utils/helpers/chart-notifications.tsx
index a8182c91..dd763583 100644
--- a/src/components/shared/utils/helpers/chart-notifications.tsx
+++ b/src/components/shared/utils/helpers/chart-notifications.tsx
@@ -1,4 +1,5 @@
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@deriv-com/translations';
 
 export const switch_to_tick_chart = {
     key: 'switch_to_tick_chart',
diff --git a/src/components/shared/utils/helpers/portfolio-notifications.tsx b/src/components/shared/utils/helpers/portfolio-notifications.tsx
index ecbf5263..3aaec550 100644
--- a/src/components/shared/utils/helpers/portfolio-notifications.tsx
+++ b/src/components/shared/utils/helpers/portfolio-notifications.tsx
@@ -1,5 +1,6 @@
 import Money from '@/components/shared_ui/money';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@deriv-com/translations';
 
 export const contractSold = (currency: string, sold_for: number | string, Money: React.ElementType) => ({
     key: 'contract_sold',
diff --git a/src/pages/dashboard/load-bot-preview/local-footer.tsx b/src/pages/dashboard/load-bot-preview/local-footer.tsx
index aabb9675..6d0dd3d2 100644
--- a/src/pages/dashboard/load-bot-preview/local-footer.tsx
+++ b/src/pages/dashboard/load-bot-preview/local-footer.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@/components/shared_ui/button';
 import { useStore } from '@/hooks/useStore';
-import { localize } from '@/utils/tmp/dummy';
+import { localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 import './index.scss';
 
diff --git a/src/pages/dashboard/load-bot-preview/local.tsx b/src/pages/dashboard/load-bot-preview/local.tsx
index c7842d54..5a966bb1 100644
--- a/src/pages/dashboard/load-bot-preview/local.tsx
+++ b/src/pages/dashboard/load-bot-preview/local.tsx
@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import Dialog from '@/components/shared_ui/dialog';
 import { DBOT_TABS } from '@/constants/bot-contents';
 import { useStore } from '@/hooks/useStore';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Localize, localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 import BotPreview from './bot-preview';
 import './index.scss';
diff --git a/src/pages/dashboard/stop-bot-modal-content.tsx b/src/pages/dashboard/stop-bot-modal-content.tsx
index a22fa0ed..1c59fb46 100644
--- a/src/pages/dashboard/stop-bot-modal-content.tsx
+++ b/src/pages/dashboard/stop-bot-modal-content.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Dialog from '@/components/shared_ui/dialog';
 import Text from '@/components/shared_ui/text';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Localize, localize } from '@deriv-com/translations';
 
 export type TStopBotModalContent = {
     is_running: boolean;
@@ -50,7 +50,7 @@ const StopBotModalContent = ({
                             <Text weight='bold' as='span' lineHeight='s' size='xs'>
                                 <Localize i18n_default_text='Reports' />
                             </Text>
-                            <Localize i18n_default_text='page.' />
+                            <Localize i18n_default_text=' page.' />
                         </Text>
                         <Text as='p' lineHeight='s' size='xs'>
                             <Localize i18n_default_text='The Quick Strategy you just created will be loaded to the workspace.' />
@@ -67,7 +67,7 @@ const StopBotModalContent = ({
                                 <Localize i18n_default_text='Reports' />
                             </Text>
                             <Text as='span' lineHeight='s' size='xs' styles={{ paddingInlineStart: '0.4rem' }}>
-                                <Localize i18n_default_text='page.' />
+                                <Localize i18n_default_text=' page.' />
                             </Text>
                         </Text>
                     </>
diff --git a/src/pages/main/main.tsx b/src/pages/main/main.tsx
index f6f4925b..9153210a 100644
--- a/src/pages/main/main.tsx
+++ b/src/pages/main/main.tsx
@@ -12,13 +12,14 @@ import dbot from '@/external/bot-skeleton/scratch/dbot';
 import { api_base } from '@/external/bot-skeleton/services/api/api-base';
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
 import { useStore } from '@/hooks/useStore';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
 import {
     LabelPairedChartLineCaptionRegularIcon,
     LabelPairedObjectsColumnCaptionRegularIcon,
     LabelPairedPuzzlePieceTwoCaptionBoldIcon,
     LegacyGuide1pxIcon,
 } from '@deriv/quill-icons';
+import { Localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 import RunPanel from '../../components/run-panel';
 import Chart from '../chart';
diff --git a/src/pages/tutorials/dbot-tours/common/tour-end-dialog.tsx b/src/pages/tutorials/dbot-tours/common/tour-end-dialog.tsx
index e4e421c8..af263522 100644
--- a/src/pages/tutorials/dbot-tours/common/tour-end-dialog.tsx
+++ b/src/pages/tutorials/dbot-tours/common/tour-end-dialog.tsx
@@ -2,7 +2,7 @@ import { observer } from 'mobx-react-lite';
 import Dialog from '@/components/shared_ui/dialog';
 import Text from '@/components/shared_ui/text';
 import { useStore } from '@/hooks/useStore';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Localize, localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 
 const TourEndDialog = observer(() => {
diff --git a/src/utils/help-content/help-strings/trade_definition_multiplier.tsx b/src/utils/help-content/help-strings/trade_definition_multiplier.tsx
index e6c04491..08dca2d8 100644
--- a/src/utils/help-content/help-strings/trade_definition_multiplier.tsx
+++ b/src/utils/help-content/help-strings/trade_definition_multiplier.tsx
@@ -1,5 +1,6 @@
 import StaticUrl from '@/components/shared_ui/static-url';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@deriv-com/translations';
 
 export default {
     text: [