{scopes.map((item) => (
diff --git a/src/features/dashboard/components/token-register/types.ts b/src/features/dashboard/components/token-register/types.ts
index b11e1494f..70f5c9476 100644
--- a/src/features/dashboard/components/token-register/types.ts
+++ b/src/features/dashboard/components/token-register/types.ts
@@ -1,18 +1,25 @@
+import { translate } from '@docusaurus/Translate';
import { UseFormRegisterReturn } from 'react-hook-form';
import * as yup from 'yup';
export const token_name_error_map = {
- error_code_1: 'Only alphanumeric characters with spaces and underscores are allowed.',
- error_code_2: `Only 2-32 characters are allowed`,
- error_code_3: `No duplicate token names are allowed for the same account.`,
- error_code_4: `No keywords "deriv" or "binary" or words that look similar, e.g. "_binary_" or "d3riv" are allowed.`,
+ error_code_1: translate({
+ message: 'Only alphanumeric characters with spaces and underscores are allowed.',
+ }),
+ error_code_2: translate({ message: `Only 2-32 characters are allowed` }),
+ error_code_3: translate({
+ message: `No duplicate token names are allowed for the same account.`,
+ }),
+ error_code_4: translate({
+ message: `No keywords "deriv" or "binary" or words that look similar, e.g. "_binary_" or "d3riv" are allowed.`,
+ }),
};
export const tokenRegisterSchema = yup.object({
- account_type: yup.string().required('Select an account type.'),
+ account_type: yup.string().required(translate({ message: 'Select an account type.' })),
token_name: yup
.string()
- .required('Enter your token name.')
+ .required(translate({ message: 'Enter your token name.' }))
.min(2, token_name_error_map.error_code_2)
.max(32, token_name_error_map.error_code_2)
.matches(/^(?=.*[a-zA-Z0-9])[a-zA-Z0-9_ ]*$/, {
diff --git a/src/features/dashboard/manage-apps/manage-apps.tsx b/src/features/dashboard/manage-apps/manage-apps.tsx
index debb4268e..d7f042052 100644
--- a/src/features/dashboard/manage-apps/manage-apps.tsx
+++ b/src/features/dashboard/manage-apps/manage-apps.tsx
@@ -5,6 +5,7 @@ import TokenManagePage from '../manage-tokens/token-manage-page';
import CustomTabs from '@site/src/components/custom-tabs';
import './manage-apps.scss';
import { TDashboardTab } from '@site/src/contexts/app-manager/app-manager.context';
+import { translate } from '@docusaurus/Translate';
const AppManagement = () => {
const { getApps, apps, currentTab } = useAppManager();
@@ -15,11 +16,11 @@ const AppManagement = () => {
const tabs = [
{
- label: 'Applications',
+ label: translate({ message: 'Applications' }),
content:
,
},
{
- label: 'API tokens',
+ label: translate({ message: 'API tokens' }),
content:
,
},
];
diff --git a/src/features/dashboard/manage-dashboard/index.tsx b/src/features/dashboard/manage-dashboard/index.tsx
index 70adfea1a..f78d878e5 100644
--- a/src/features/dashboard/manage-dashboard/index.tsx
+++ b/src/features/dashboard/manage-dashboard/index.tsx
@@ -1,7 +1,11 @@
import React, { useCallback, useEffect, useState } from 'react';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { translate } from '@docusaurus/Translate';
+import { ApplicationObject } from '@deriv/api-types';
import DashboardContainer from '../components/dashboard-container';
import AppRegister from '../components/app-register';
import { Breadcrumbs } from '@deriv-com/quill-ui';
+import { TDashboardTab } from '@site/src/contexts/app-manager/app-manager.context';
import useAppManager from '@site/src/hooks/useAppManager';
import useApiToken from '@site/src/hooks/useApiToken';
import Spinner from '@site/src/components/Spinner';
@@ -9,11 +13,10 @@ import useWS from '@site/src/hooks/useWs';
import RegisterAppDialogError from '../components/dialogs/register-app-dialog-error';
import AppRegisterSuccessModal from '../components/app-register-success-modal';
import AppManagement from '../manage-apps';
-import './manage-dashboard.scss';
-import { TDashboardTab } from '@site/src/contexts/app-manager/app-manager.context';
import UpdateApp from '../update-app';
-import { ApplicationObject } from '@deriv/api-types';
import TokenRegister from '../components/token-register';
+import './manage-dashboard.scss';
+
const ManageDashboard = () => {
const {
@@ -27,6 +30,21 @@ const ManageDashboard = () => {
const { tokens } = useApiToken();
const { send: registerApp, error, clear, data, is_loading } = useWS('app_register');
const [created_app_data, setCreatedAppData] = useState({});
+ const {
+ i18n: { currentLocale },
+ } = useDocusaurusContext();
+
+ const locale_Links = React.useMemo(() => {
+ const is_en = currentLocale === 'en';
+ const get_url = (path: string) => {
+ const pathInfo = `${!is_en ? `/${currentLocale}` : ''}/${path}`;
+ return pathInfo;
+ };
+ return {
+ root: get_url(''),
+ dashboard: get_url('dashboard'),
+ };
+ }, [currentLocale]);
useEffect(() => {
if (!is_loading && data?.name && !error) {
@@ -91,24 +109,24 @@ const ManageDashboard = () => {
};
const commonLinks = [
- { content: 'Home', href: '/', target: '_self' },
- { content: 'Dashboard', href: '/dashboard', target: '_self' },
+ { content: translate({ message: 'Home' }), href: locale_Links.root, target: '_self' },
+ { content: translate({ message: 'Dashboard' }), href: locale_Links.dashboard, target: '_self' },
];
const tabSecndryLinks = {
[TDashboardTab.REGISTER_APP]: {
- content: 'Register application',
- href: '/dashboard',
+ content: translate({ message: 'Register application' }),
+ href: locale_Links.dashboard,
target: '_self',
},
[TDashboardTab.UPDATE_APP]: {
- content: 'Edit application',
- href: '/dashboard',
+ content: translate({ message: 'Edit application' }),
+ href: locale_Links.dashboard,
target: '_self',
},
[TDashboardTab.REGISTER_TOKENS]: {
- content: 'Create token',
- href: '/dashboard',
+ content: translate({ message: 'Create token' }),
+ href: locale_Links.dashboard,
target: '_self',
},
};
diff --git a/src/features/dashboard/types.ts b/src/features/dashboard/types.ts
index 60735ade1..e07a0edfe 100644
--- a/src/features/dashboard/types.ts
+++ b/src/features/dashboard/types.ts
@@ -7,7 +7,11 @@ const urlRegex = /^[a-z][a-z0-9.+-]*:\/\/[0-9a-zA-Z.-]+[%/\w .-]*$/;
const base_schema = {
name: yup
.string()
- .required('Enter your app name.')
+ .required(
+ translate({
+ message: 'Enter your app name.',
+ }),
+ )
.max(48, app_name_error_map.error_code_2)
.matches(/^(?=.*[a-zA-Z0-9])[a-zA-Z0-9_ ]*$/, {
message: app_name_error_map.error_code_1,
@@ -58,10 +62,24 @@ const base_schema = {
app_markup_percentage: yup
.number()
.required()
- .min(0, 'Your markup value must be equal to or above 0.00')
- .max(3, 'Your markup value must be no more than 3.00.')
- .test('is-decimal', 'Your markup value cannot be more than 4 characters.', (value) =>
- value ? /^\d+(\.\d{1,2})?$/.test(value.toString()) : true,
+ .min(
+ 0,
+ translate({
+ message: 'Your markup value must be equal to or above 0.00',
+ }),
+ )
+ .max(
+ 3,
+ translate({
+ message: 'Your markup value must be no more than 3.00.',
+ }),
+ )
+ .test(
+ 'is-decimal',
+ translate({
+ message: 'Your markup value cannot be more than 4 characters.',
+ }),
+ (value) => (value ? /^\d+(\.\d{1,2})?$/.test(value.toString()) : true),
),
app_id: yup.number(),
};
diff --git a/src/features/dashboard/update-app/AppUpdateForm/index.tsx b/src/features/dashboard/update-app/AppUpdateForm/index.tsx
index 18aefde88..66bc58a46 100644
--- a/src/features/dashboard/update-app/AppUpdateForm/index.tsx
+++ b/src/features/dashboard/update-app/AppUpdateForm/index.tsx
@@ -1,14 +1,15 @@
import React, { useState } from 'react';
import { FormProvider, useForm } from 'react-hook-form';
import { yupResolver } from '@hookform/resolvers/yup';
-import { appEditSchema, IRegisterAppForm } from '../../types';
-import CustomCheckbox from '@site/src/components/CustomCheckbox';
import { Button, Heading, Text, TextField, SectionMessage, Modal } from '@deriv-com/quill-ui';
import { Restrictions } from '../../components/app-register/app-register';
-import StepperTextField from '../../components/stepper-text-field';
-import useDeviceType from '@site/src/hooks/useDeviceType';
import { StandaloneCircleExclamationRegularIcon } from '@deriv/quill-icons';
+import Translate, { translate } from '@docusaurus/Translate';
+import useDeviceType from '@site/src/hooks/useDeviceType';
+import CustomCheckbox from '@site/src/components/CustomCheckbox';
import useDisableScroll from '../../hooks/useDisableScroll';
+import StepperTextField from '../../components/stepper-text-field';
+import { appEditSchema, IRegisterAppForm } from '../../types';
import './app-update-form.scss';
type TAppFormProps = {
@@ -80,15 +81,17 @@ const AppUpdateForm = ({ initialValues, submit, onCancel, is_loading }: TAppForm
@@ -311,8 +379,12 @@ const AppUpdateForm = ({ initialValues, submit, onCancel, is_loading }: TAppForm