fix: localisation issue with account switcher tabs by passing label p…

…rops
deriv-com · Oct 11, 2024 · 1213b62 · 1213b62
1 parent 78ed22d
commit 1213b62
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/components/AppLayout/AccountSwitcher/index.tsx b/src/components/AppLayout/AccountSwitcher/index.tsx
@@ -27,13 +27,18 @@ type AccountSwitcherProps = {
     buttonClassName?: string;
     children?: ReactElement<TabTitleProps>[];
     isDisabled?: boolean;
+    tabsLabels: {
+        demo: string;
+        real: string;
+    };
 };
 
 export const AccountSwitcher = ({
     children,
     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"
                                 >