From f006c3cdc37881f86c367dd6d07944b34946f4f3 Mon Sep 17 00:00:00 2001
From: Farabi <farabi@deriv.com>
Date: Mon, 24 Feb 2025 15:01:02 +0800
Subject: [PATCH] fix: remove account switcher and only show balance

---
 src/components/BalanceDisplay/BalanceDisplay.tsx | 7 ++++---
 src/layouts/MainLayout/Header.tsx                | 6 ++++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/BalanceDisplay/BalanceDisplay.tsx b/src/components/BalanceDisplay/BalanceDisplay.tsx
index 6a66a52..06adefc 100644
--- a/src/components/BalanceDisplay/BalanceDisplay.tsx
+++ b/src/components/BalanceDisplay/BalanceDisplay.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { useClientStore } from "@/stores/clientStore";
+// import { useClientStore } from "@/stores/clientStore";
 
 interface BalanceDisplayProps {
   className?: string;
@@ -8,13 +8,14 @@ interface BalanceDisplayProps {
 export const BalanceDisplay: React.FC<BalanceDisplayProps> = ({
   className = "",
 }) => {
-  const { balance, currency } = useClientStore();
+  // const { balance, currency } = useClientStore();
 
   return (
     <div className={`flex flex-col ${className}`}>
       <span className="text-sm font-semibold text-color-solid-glacier-700">Real</span>
       <span className="text-sm font-semibold">
-        {balance} {currency}
+        {/* {balance} {currency} */}
+        10,000 USD
       </span>
     </div>
   );
diff --git a/src/layouts/MainLayout/Header.tsx b/src/layouts/MainLayout/Header.tsx
index 162c980..232b04f 100644
--- a/src/layouts/MainLayout/Header.tsx
+++ b/src/layouts/MainLayout/Header.tsx
@@ -1,7 +1,8 @@
 import React from "react";
 import { useOrientationStore } from "@/stores/orientationStore";
 import { useClientStore } from "@/stores/clientStore";
-import { AccountSwitcher } from "@/components/AccountSwitcher";
+// import { AccountSwitcher } from "@/components/AccountSwitcher";
+import { BalanceDisplay } from "@/components/BalanceDisplay";
 
 interface HeaderProps {
   className?: string;
@@ -42,7 +43,8 @@ export const Header: React.FC<HeaderProps> = ({
         <div className={isLandscape ? "flex items-center gap-4" : "flex-1"}>
           {isLoggedIn && (
             <div className={isLandscape ? "px-4" : ""}>
-              <AccountSwitcher />
+              {/* <AccountSwitcher /> */}
+              <BalanceDisplay />
             </div>
           )}
         </div>