fix: localize to Localize for Composite checkbox

amina-deriv · Sep 11, 2023 · 0d9a82b · 0d9a82b
1 parent 3208966
commit 0d9a82b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/packages/account/src/Constants/api-token-card-details.tsx b/packages/account/src/Constants/api-token-card-details.tsx
@@ -1,38 +1,38 @@
 import React from 'react';
-import { Localize, localize } from '@deriv/translations';
+import { Localize } from '@deriv/translations';
 
 export const getApiTokenCardDetails = () => [
     {
         name: 'read',
-        display_name: localize('Read'),
+        display_name: <Localize i18n_default_text='Read' />,
         description: (
             <Localize i18n_default_text='This scope will allow third-party apps to view your account activity, settings, limits, balance sheets, trade purchase history, and more.' />
         ),
     },
     {
         name: 'trade',
-        display_name: localize('Trade'),
+        display_name: <Localize i18n_default_text='Trade' />,
         description: (
             <Localize i18n_default_text='This scope will allow third-party apps to buy and sell contracts for you, renew your expired purchases, and top up your demo accounts.' />
         ),
     },
     {
         name: 'payments',
-        display_name: localize('Payments'),
+        display_name: <Localize i18n_default_text='Payments' />,
         description: (
             <Localize i18n_default_text='This scope will allow third-party apps to withdraw to payment agents and make inter-account transfers for you.' />
         ),
     },
     {
         name: 'trading_information',
-        display_name: localize('Trading information'),
+        display_name: <Localize i18n_default_text='Trading information' />,
         description: (
             <Localize i18n_default_text='This scope will allow third-party apps to view your trading history.' />
         ),
     },
     {
         name: 'admin',
-        display_name: localize('Admin'),
+        display_name: <Localize i18n_default_text='Admin' />,
         description: (
             <Localize i18n_default_text='This scope will allow third-party apps to open accounts for you, manage your settings and token usage, and more. ' />
         ),

diff --git a/packages/components/src/components/composite-checkbox/composite-checkbox.tsx b/packages/components/src/components/composite-checkbox/composite-checkbox.tsx
@@ -9,7 +9,7 @@ type TCompositeCheckbox = {
     onChange: React.FormEventHandler<HTMLInputElement> &
         ((e: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLSpanElement>) => void);
     className?: string;
-    label: string;
+    label: JSX.Element;
     id?: string;
     description: JSX.Element;
 };