From c424cb17f5edd7b646977a244d4276eefa8f10ab Mon Sep 17 00:00:00 2001
From: muhammad-ahmed <muhammad.ahmed@regentmarkets.com>
Date: Tue, 24 Sep 2024 17:13:14 +0800
Subject: [PATCH] fix crashing issue and update translation

---
 .../ApiTokenTable/__tests__/index.test.tsx         |  2 +-
 .../dashboard/components/ApiTokenTable/index.tsx   | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/features/dashboard/components/ApiTokenTable/__tests__/index.test.tsx b/src/features/dashboard/components/ApiTokenTable/__tests__/index.test.tsx
index 82908f019..cdc061c4a 100644
--- a/src/features/dashboard/components/ApiTokenTable/__tests__/index.test.tsx
+++ b/src/features/dashboard/components/ApiTokenTable/__tests__/index.test.tsx
@@ -71,7 +71,7 @@ describe('Api Token Table', () => {
   });
 });
 
-describe.skip('DeleteTokenDialog', () => {
+describe('DeleteTokenDialog', () => {
   beforeEach(() => {
     mockUseApiToken.mockImplementation(() => ({
       tokens: fakeTokens,
diff --git a/src/features/dashboard/components/ApiTokenTable/index.tsx b/src/features/dashboard/components/ApiTokenTable/index.tsx
index 851b6bfad..697de1226 100644
--- a/src/features/dashboard/components/ApiTokenTable/index.tsx
+++ b/src/features/dashboard/components/ApiTokenTable/index.tsx
@@ -2,7 +2,7 @@ import React, { HTMLAttributes } from 'react';
 import { Column } from 'react-table';
 import { Button, Heading, Text } from '@deriv-com/quill-ui';
 import { LabelPairedCirclePlusMdRegularIcon } from '@deriv/quill-icons';
-import Translate from '@docusaurus/Translate';
+import Translate, { translate } from '@docusaurus/Translate';
 import { TTokenType } from '@site/src/types';
 import { TDashboardTab } from '@site/src/contexts/app-manager/app-manager.context';
 import Spinner from '@site/src/components/Spinner';
@@ -23,30 +23,30 @@ export type TTokenColumn = Column<TTokenType>;
 
 const tableColumns: TTokenColumn[] = [
   {
-    Header: <Translate>Name</Translate>,
+    Header: translate({ message: 'Name' }),
     accessor: 'display_name',
   },
   {
-    Header: <Translate>Account Type</Translate>,
+    Header: translate({ message: 'Account Type' }),
     Cell: AccountTypeCell,
   },
   {
-    Header: <Translate>Token</Translate>,
+    Header: translate({ message: 'Token' }),
     accessor: 'token',
     Cell: ApiTokenCell,
   },
   {
-    Header: <Translate>Token scopes</Translate>,
+    Header: translate({ message: 'Token scopes' }),
     accessor: 'scopes',
     Cell: ScopesCell,
   },
   {
-    Header: <Translate>Last used</Translate>,
+    Header: translate({ message: 'Last used' }),
     accessor: 'last_used',
     Cell: ApiLastUsedCell,
   },
   {
-    Header: <Translate>Actions</Translate>,
+    Header: translate({ message: 'Actions' }),
     id: 'actions',
     accessor: (originalRow) => originalRow.token,
     Cell: ({ row }) => <TokenActionsCell tokenId={row.original.token} flex_end />,