-
void;
@@ -16,7 +16,9 @@ export const RegisterAppDialogSuccess = ({ onClose }: IRegisterAppDialogSuccessP
-
+
= ({ mobileSidebar }) => {
- Success!
+
+ Success!
+
- Token created successfully!
+
+ Token created successfully!
+
) => {
- const { createToken, isCreatingToken } = useCreateToken();
+ const { createToken } = useCreateToken();
const [hiderestrictions, setHideRestrictions] = useState(false);
const [formIsCleared, setFormIsCleared] = useState(false);
const [is_toggle, setToggleModal] = useState(false);
@@ -129,16 +144,22 @@ const TokenRegister = (props: HTMLAttributes) => {
@@ -307,8 +366,8 @@ const AppUpdateForm = ({ initialValues, submit, onCancel, is_loading }: TAppForm
- Please save this token key. For security reasons, it can't be viewed or copied
- again. If you lose this key, you'll need to generate a new token.
+
- Key
+
+ Key
+
{latestToken}
diff --git a/src/features/dashboard/components/LoadingTable/index.tsx b/src/features/dashboard/components/LoadingTable/index.tsx
index beffa2af4..eb9617815 100644
--- a/src/features/dashboard/components/LoadingTable/index.tsx
+++ b/src/features/dashboard/components/LoadingTable/index.tsx
@@ -1,5 +1,5 @@
-import { SkeletonText } from '@site/src/components/SkeletonText';
import React, { HTMLAttributes } from 'react';
+import { SkeletonText } from '@site/src/components/SkeletonText';
interface ISkeletonRow {
columnCount: number;
diff --git a/src/features/dashboard/components/Modals/AppRegisterSuccessModal/index.tsx b/src/features/dashboard/components/Modals/AppRegisterSuccessModal/index.tsx
index 58b2ae8db..b6713d4a3 100644
--- a/src/features/dashboard/components/Modals/AppRegisterSuccessModal/index.tsx
+++ b/src/features/dashboard/components/Modals/AppRegisterSuccessModal/index.tsx
@@ -1,10 +1,11 @@
import React from 'react';
-import useAppManager from '@site/src/hooks/useAppManager';
-import { Heading, Modal } from '@deriv-com/quill-ui';
+import Translate, { translate } from '@docusaurus/Translate';
+import { Modal } from '@deriv-com/quill-ui';
import { StandaloneCircleCheckRegularIcon } from '@deriv/quill-icons';
+import useAppManager from '@site/src/hooks/useAppManager';
import useDeviceType from '@site/src/hooks/useDeviceType';
-import '../../Dialogs/DeleteAppDialog/delete-app-dialog.scss';
import useDisableScroll from '../../../hooks/useDisableScroll';
+import '../../Dialogs/DeleteAppDialog/delete-app-dialog.scss';
interface IAppRegisterSuccessModalProps {
onConfigure: () => void;
@@ -23,12 +24,12 @@ export const AppRegisterSuccessModal = ({
return (
{
onConfigure();
onCancel();
}}
- secondaryButtonLabel='Maybe later'
+ secondaryButtonLabel={translate({ message: 'Maybe later' })}
secondaryButtonCallback={onCancel}
isMobile={deviceType !== 'desktop'}
showHandleBar
@@ -40,17 +41,28 @@ export const AppRegisterSuccessModal = ({
-
+
diff --git a/src/features/dashboard/components/TokenRegister/index.tsx b/src/features/dashboard/components/TokenRegister/index.tsx
index 29e73bdf3..0a467894e 100644
--- a/src/features/dashboard/components/TokenRegister/index.tsx
+++ b/src/features/dashboard/components/TokenRegister/index.tsx
@@ -1,6 +1,6 @@
import React, { HTMLAttributes, useCallback, useEffect, useState } from 'react';
import { Text, Heading } from '@deriv-com/quill-ui';
-import { useForm, FormProvider } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
import { yupResolver } from '@hookform/resolvers/yup';
import { scopesObjectToArray } from '@site/src/utils';
import ApiTokenCard from '../ApiTokenCard';
@@ -9,6 +9,7 @@ import * as yup from 'yup';
import './token-register.scss';
import CreateTokenField from '../ApiTokenForm/CreateTokenField';
import AccountSwitcher from '@site/src/components/AccountSwitcher';
+import Translate, { translate } from '@docusaurus/Translate';
const schema = yup
.object({
@@ -19,17 +20,21 @@ const schema = yup
admin: yup.boolean(),
name: yup
.string()
- .min(2, 'Your token name must be atleast 2 characters long.')
- .max(32, 'Only up to 32 characters are allowed.')
+ .min(2, translate({ message: 'Your token name must be atleast 2 characters long.' }))
+ .max(32, translate({ message: 'Only up to 32 characters are allowed.' }))
.matches(/^(?=.*[a-zA-Z0-9])[a-zA-Z0-9_ ]*$/, {
- message:
- 'Only alphanumeric characters with spaces and underscores are allowed. (Example: my_application)',
+ message: translate({
+ message:
+ 'Only alphanumeric characters with spaces and underscores are allowed. (Example: my_application)',
+ }),
excludeEmptyString: true,
})
.matches(
/^(?!.*deriv|.*d3r1v|.*der1v|.*d3riv|.*b1nary|.*binary|.*b1n4ry|.*bin4ry|.*blnary|.*b\|nary).*$/i,
{
- message: 'The name cannot contain “Binary”, “Deriv”, or similar words.',
+ message: translate({
+ message: 'The name cannot contain “Binary”, “Deriv”, or similar words.',
+ }),
excludeEmptyString: true,
},
),
@@ -48,37 +53,47 @@ type TScope = {
const scopes: TScope[] = [
{
name: 'read',
- description:
- 'This scope will allow third-party apps to view your account activity, settings, limits, balance sheets, trade purchase history, and more.',
- label: 'Read',
+ description: translate({
+ message:
+ 'This scope will allow third-party apps to view your account activity, settings, limits, balance sheets, trade purchase history, and more.',
+ }),
+ label: translate({ message: 'Read' }),
},
{
name: 'trade',
- description:
- 'This scope will allow third-party apps to buy and sell contracts for you, renew your expired purchases, and top up your demo accounts.',
- label: 'Trade',
+ description: translate({
+ message:
+ 'This scope will allow third-party apps to buy and sell contracts for you, renew your expired purchases, and top up your demo accounts.',
+ }),
+ label: translate({ message: 'Trade' }),
},
{
name: 'payments',
- description:
- 'This scope will allow third-party apps to withdraw to payment agents and make inter-account transfers for you.',
- label: 'Payments',
+ description: translate({
+ message:
+ 'This scope will allow third-party apps to withdraw to payment agents and make inter-account transfers for you.',
+ }),
+ label: translate({ message: 'Payments' }),
},
{
name: 'trading_information',
- description: 'This scope will allow third-party apps to view your trading history.',
- label: 'Trading information',
+ description: translate({
+ message: 'This scope will allow third-party apps to view your trading history.',
+ }),
+ label: translate({ message: 'Trading information' }),
},
{
name: 'admin',
- description:
- 'This scope will allow third-party apps to open accounts for you, manage your settings and token usage, and more.',
- label: 'Admin',
+ description: translate({
+ message:
+ 'This scope will allow third-party apps to open accounts for you, manage your settings and token usage, and more.',
+ }),
+ label: translate({ message: 'Admin' }),
},
];
const TokenRegister = (props: HTMLAttributesApplication registered successfully!
+
+ Application registered successfully!
+
- Ready to take the next step?
-
Optimise your app's capabilities by: +Ready to take the next step?
+
+Optimise your app's capabilities by:
Optimise your app's capabilities by: +
+
-
-
- Creating an API token to use with your application. -
- Adding OAuth authentication in your app. -
- Selecting the scopes of OAuth authorisation for your app. +
-
+
Creating an API token to use with your application. +
+ -
+
Adding OAuth authentication in your app. +
+ -
+
Selecting the scopes of OAuth authorisation for your app. +
Note: You can make these changes later through the dashboard.
+
+ Note: You can make these changes later through the dashboard.
+
- Enable admin access for your app?
+
+ Enable admin access for your app?
+
- For better security, enable admin access only when it's necessary. This approach
- limits access to client activities, minimising risks and safeguarding both workflow
- efficiency and client trust.
+
+ For better security, enable admin access only when it's necessary. This approach
+ limits access to client activities, minimising risks and safeguarding both workflow
+ efficiency and client trust.
+
diff --git a/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.tsx b/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.tsx
index 99cf26f3e..31d551a80 100644
--- a/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.tsx
+++ b/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.tsx
@@ -14,6 +14,7 @@ import {
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import { useLocation } from '@docusaurus/router';
import classnames from 'classnames';
+import Translate from '@docusaurus/Translate';
export function useNavbarItems() {
return useThemeConfig().navbar.items;
@@ -61,7 +62,7 @@ const SidebarBottomAction: React.FC
{!is_logged_in ? (
) : (
)}