大改变

components/NavItem.tsx

@@ -1,17 +1,16 @@
 import Image from "next/image";
-import Link from "next/link";
 
 interface NavItemProps {
   icon: string;
   label: string;
   isActive: boolean;
-  href: string;
+  onClick: () => void;
 }
 
-export default function NavItem({ icon, label, isActive, href }: NavItemProps) {
+export default function NavItem({ icon, label, isActive, onClick }: NavItemProps) {
   return (
-    <Link
-      href={href}
+    <button
+      onClick={onClick}
       className={`
         rounded-xl
         pl-4
@@ -23,8 +22,8 @@ export default function NavItem({ icon, label, isActive, href }: NavItemProps) {
         overflow-hidden
         transition-colors
         ${isActive
-          ? 'bg-fill-secondary-click dark:bg-gray-700'
-          : 'hover:bg-gray-50 dark:hover:bg-gray-700'
+          ? 'bg-fill-secondary-click'
+          : 'hover:bg-gray-50'
         }
       `}
     >
@@ -42,13 +41,13 @@ export default function NavItem({ icon, label, isActive, href }: NavItemProps) {
           text-sm
           leading-[150%]
           ${isActive
-            ? 'text-text-primary dark:text-white font-bold'
-            : 'text-text-tertiary dark:text-gray-400 font-medium'
+            ? 'text-text-primary font-bold'
+            : 'text-text-tertiary font-medium'
           }
         `}
       >
         {label}
       </span>
-    </Link>
+    </button>
   );
 }