大改变

components/Sidebar.tsx

@@ -1,17 +1,16 @@
 "use client";
 
 import Image from "next/image";
-import { usePathname } from "next/navigation";
+import { useState } from "react";
 import NavItem from "./NavItem";
 import { useApp } from "@/contexts/AppContext";
 
 export default function Sidebar() {
   const { t } = useApp();
-  const pathname = usePathname();
+  const [activeItem, setActiveItem] = useState("Assets");
 
   const navigationItems = [
     { icon: "/icon-assets.svg", label: t("nav.assets"), key: "Assets", path: "/" },
-    { icon: "/icon-lending.svg", label: t("nav.products"), key: "Products", path: "/product" },
     { icon: "/icon-alp.svg", label: t("nav.alp"), key: "ALP", path: "/alp" },
     { icon: "/icon-swap.svg", label: t("nav.swap"), key: "Swap", path: "/swap" },
     { icon: "/icon-lending.svg", label: t("nav.lending"), key: "Lending", path: "/lending" },
@@ -40,8 +39,8 @@ export default function Sidebar() {
             key={item.key}
             icon={item.icon}
             label={item.label}
-            isActive={pathname === item.path}
-            href={item.path}
+            isActive={activeItem === item.key}
+            onClick={() => setActiveItem(item.key)}
           />
         ))}
       </nav>