From 1213b62f2fb3fbd09ceb1e4c79e49b6c066e209b Mon Sep 17 00:00:00 2001
From: Farabi <farabi@deriv.com>
Date: Fri, 11 Oct 2024 11:55:32 +0800
Subject: [PATCH] fix: localisation issue with account switcher tabs by passing
 label props

---
 src/components/AppLayout/AccountSwitcher/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/AppLayout/AccountSwitcher/index.tsx b/src/components/AppLayout/AccountSwitcher/index.tsx
index d32b5154..b817c3f5 100644
--- a/src/components/AppLayout/AccountSwitcher/index.tsx
+++ b/src/components/AppLayout/AccountSwitcher/index.tsx
@@ -27,6 +27,10 @@ type AccountSwitcherProps = {
     buttonClassName?: string;
     children?: ReactElement<TabTitleProps>[];
     isDisabled?: boolean;
+    tabsLabels: {
+        demo: string;
+        real: string;
+    };
 };
 
 export const AccountSwitcher = ({
@@ -34,6 +38,7 @@ export const AccountSwitcher = ({
     activeAccount,
     isDisabled = false,
     buttonClassName,
+    tabsLabels,
 }: AccountSwitcherProps) => {
     const [isOpen, setIsOpen] = useState(false);
     const ref = useRef(null);
@@ -87,8 +92,8 @@ export const AccountSwitcher = ({
                                 <Tabs
                                     activeTab={
                                         activeAccount.isVirtual
-                                            ? "Demo"
-                                            : "Real"
+                                            ? tabsLabels.demo
+                                            : tabsLabels.real
                                     }
                                     variant="secondary"
                                 >
@@ -110,8 +115,8 @@ export const AccountSwitcher = ({
                                 <Tabs
                                     activeTab={
                                         activeAccount.isVirtual
-                                            ? "Demo"
-                                            : "Real"
+                                            ? tabsLabels.demo
+                                            : tabsLabels.real
                                     }
                                     variant="secondary"
                                 >