From de75debe8afa205755c2987c651e2b00dd94f848 Mon Sep 17 00:00:00 2001
From: shafin-deriv <shafin@regentmarkets.com>
Date: Mon, 1 Jul 2024 16:09:39 +0800
Subject: [PATCH 1/2] chore: add missing translations

---
 src/features/Home/ApiFeatures/ApiFeatures.tsx            | 2 +-
 .../components/ApiTokenTable/DeleteTokenDialog/index.tsx | 9 +++++----
 .../components/Dialogs/DeleteAppDialog/index.tsx         | 9 +++++----
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/features/Home/ApiFeatures/ApiFeatures.tsx b/src/features/Home/ApiFeatures/ApiFeatures.tsx
index 348070fd0..cf82c3373 100644
--- a/src/features/Home/ApiFeatures/ApiFeatures.tsx
+++ b/src/features/Home/ApiFeatures/ApiFeatures.tsx
@@ -18,7 +18,7 @@ export const ApiFeatures = () => {
             </Translate>
           </Text>
           <Text type='paragraph-1' className={styles.FeatureParagraph} role={'note'}>
-            {"With our API, you'll be able to:"}
+            <Translate>With our API, you&apos;ll be able to:</Translate>
           </Text>
         </header>
         <section>
diff --git a/src/features/dashboard/components/ApiTokenTable/DeleteTokenDialog/index.tsx b/src/features/dashboard/components/ApiTokenTable/DeleteTokenDialog/index.tsx
index dfe4cec4d..de23b64b8 100644
--- a/src/features/dashboard/components/ApiTokenTable/DeleteTokenDialog/index.tsx
+++ b/src/features/dashboard/components/ApiTokenTable/DeleteTokenDialog/index.tsx
@@ -1,6 +1,7 @@
 import React, { useMemo, useCallback } from 'react';
 import { Modal } from '@deriv/ui';
 import { TModalActionButton } from '@deriv/ui/dist/types/src/components/core/modal/types';
+import { translate } from '@docusaurus/Translate';
 
 type TDeleteTokendialog = {
   setToggleModal: React.Dispatch<React.SetStateAction<boolean>>;
@@ -21,7 +22,7 @@ const DeleteTokenDialog = ({ onDelete, setToggleModal }: TDeleteTokendialog) =>
     () => [
       {
         id: 0,
-        text: 'Cancel',
+        text: translate({ message: 'Cancel' }),
         color: 'secondary',
         onClick: () => {
           setToggleModal(false);
@@ -29,7 +30,7 @@ const DeleteTokenDialog = ({ onDelete, setToggleModal }: TDeleteTokendialog) =>
       },
       {
         id: 1,
-        text: 'Yes, delete',
+        text: translate({ message: 'Yes, delete' }),
         color: 'primary',
         onClick: () => {
           onDelete();
@@ -45,8 +46,8 @@ const DeleteTokenDialog = ({ onDelete, setToggleModal }: TDeleteTokendialog) =>
         <div className='modal-overlay'>
           <Modal.Overlay />
           <Modal.DialogContent
-            title='Delete token'
-            content='Are you sure you want to delete this token?'
+            title={translate({ message: 'Delete token' })}
+            content={translate({ message: 'Are you sure you want to delete this token?' })}
             action_buttons={actionButtons}
             has_close_button
           />
diff --git a/src/features/dashboard/components/Dialogs/DeleteAppDialog/index.tsx b/src/features/dashboard/components/Dialogs/DeleteAppDialog/index.tsx
index 608fcfb1b..4c4a477ad 100644
--- a/src/features/dashboard/components/Dialogs/DeleteAppDialog/index.tsx
+++ b/src/features/dashboard/components/Dialogs/DeleteAppDialog/index.tsx
@@ -2,6 +2,7 @@ import React, { useMemo, useCallback } from 'react';
 import { TModalActionButton } from '@deriv/ui/dist/types/src/components/core/modal/types';
 import { Modal } from '@deriv/ui';
 import { useDeleteApp } from '../../../hooks/useDeleteApp';
+import { translate } from '@docusaurus/Translate';
 
 type TDeleteAppDialogProps = {
   appId: number;
@@ -24,7 +25,7 @@ const DeleteAppDialog = ({ appId, onClose }: TDeleteAppDialogProps) => {
     () => [
       {
         id: 0,
-        text: 'Yes, delete',
+        text: translate({ message: 'Yes, delete' }),
         color: 'primary',
         onClick: () => {
           deleteApp(appId);
@@ -33,7 +34,7 @@ const DeleteAppDialog = ({ appId, onClose }: TDeleteAppDialogProps) => {
       },
       {
         id: 1,
-        text: 'Cancel',
+        text: translate({ message: 'Cancel' }),
         color: 'secondary',
         onClick: () => {
           onClose();
@@ -49,8 +50,8 @@ const DeleteAppDialog = ({ appId, onClose }: TDeleteAppDialogProps) => {
         <div className='modal-overlay'>
           <Modal.Overlay />
           <Modal.DialogContent
-            title='Delete app'
-            content='Are you sure you want to delete this app?'
+            title={translate({ message: 'Delete app' })}
+            content={translate({ message: 'Are you sure you want to delete this app?' })}
             action_buttons={actionButtons}
             has_close_button
           />

From 92f9861932901d7c0dc9f282bd71aa7f1cf8dc6d Mon Sep 17 00:00:00 2001
From: shafin-deriv <shafin@regentmarkets.com>
Date: Mon, 1 Jul 2024 16:13:32 +0800
Subject: [PATCH 2/2] chore: add missing translations

---
 i18n/en/code.json | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/i18n/en/code.json b/i18n/en/code.json
index 9d89ad73c..9046e3b63 100644
--- a/i18n/en/code.json
+++ b/i18n/en/code.json
@@ -819,5 +819,26 @@
   "theme.unlistedContent.message": {
     "message": "This page is unlisted. Search engines will not index it, and only users having a direct link can access it.",
     "description": "The unlisted content banner message"
+  },
+  "With our API, you'll be able to:": {
+    "message": "With our API, you'll be able to:"
+  },
+  "Yes, delete": {
+    "message": "Yes, delete"
+  },
+  "Delete token": {
+    "message": "Delete token"
+  },
+  "Are you sure you want to delete this token?": {
+    "message": "Are you sure you want to delete this token?"
+  },
+  "Delete app": {
+    "message": "Delete app"
+  },
+  "Are you sure you want to delete this app?": {
+    "message": "Are you sure you want to delete this app?"
+  },
+  "Update App": {
+    "message": "Update App"
   }
 }