大改变

components/TopBar.tsx

@@ -1,7 +1,4 @@
-"use client";
-
 import Image from "next/image";
-import { Button } from "@heroui/react";
 import Breadcrumb from "./Breadcrumb";
 import LanguageSwitch from "./LanguageSwitch";
 import ThemeSwitch from "./ThemeSwitch";
@@ -29,30 +26,24 @@ export default function TopBar() {
         <ThemeSwitch />
 
         {/* Wallet Button */}
-        <Button
-          isIconOnly
-          variant="bordered"
-          className="bg-bg-surface border-border-normal min-w-10 h-10 rounded-lg"
-        >
-          <div className="flex items-center justify-center">
-            <Image src="/icon-wallet.svg" alt="Wallet" width={20} height={20} />
-            <Image
-              src="/icon-notification.svg"
-              alt="Notification"
-              width={14}
-              height={14}
-              className="ml-1"
-            />
-          </div>
-        </Button>
+        <button className="bg-bg-surface rounded-lg border border-border-normal px-2 py-2 flex items-center justify-center h-10">
+          <Image src="/icon-wallet.svg" alt="Wallet" width={20} height={20} />
+          <Image
+            src="/icon-notification.svg"
+            alt="Notification"
+            width={14}
+            height={14}
+            className="ml-1"
+          />
+        </button>
 
         {/* Address Button */}
-        <Button
-          className="bg-text-primary text-white font-bold font-jetbrains text-sm h-10 px-4 rounded-lg"
-          startContent={<Image src="/icon-copy.svg" alt="Copy" width={16} height={16} />}
-        >
-          0x12...4F82
-        </Button>
+        <button className="bg-text-primary rounded-lg px-4 py-2 flex items-center justify-center gap-2 h-10 hover:bg-gray-800 transition-colors">
+          <Image src="/icon-copy.svg" alt="Copy" width={16} height={16} />
+          <span className="text-white text-sm font-bold font-jetbrains">
+            0x12...4F82
+          </span>
+        </button>
       </div>
     </div>
   );