Merge pull request #56 from shafin-deriv/shafin/DAPI-578/chore-add-mi…

…ssing-translation chore: add missing translations
deriv-com · Jul 1, 2024 · 232ac11 · 232ac11
2 parents 0303b4e + 92f9861
commit 232ac11
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 9 deletions.
diff --git 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"
   }
 }
diff --git 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
@@ -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,15 +22,15 @@ const DeleteTokenDialog = ({ onDelete, setToggleModal }: TDeleteTokendialog) =>
     () => [
       {
         id: 0,
-        text: 'Cancel',
+        text: translate({ message: 'Cancel' }),
         color: 'secondary',
         onClick: () => {
           setToggleModal(false);
         },
       },
       {
         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
@@ -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
           />