✨ feat: impl accounts and channels

2026-09-06 18:17:42 +08:00
parent aa9999a940
commit 1ccee1414c
70 changed files with 9879 additions and 31 deletions
@@ -0,0 +1,66 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { type LucideIcon } from "lucide-react";
+
+import {
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@/components/ui/sidebar";
+
+export interface NavMainItem {
+  title: string;
+  url: string;
+  icon: LucideIcon;
+  badge?: string;
+}
+
+export function NavMain({ items }: { items: NavMainItem[] }) {
+  const pathname = usePathname();
+  const { isMobile, setOpenMobile } = useSidebar();
+
+  const handleNavigation = () => {
+    if (isMobile) {
+      setOpenMobile(false);
+    }
+  };
+
+  return (
+    <SidebarGroup>
+      <SidebarGroupLabel className="text-[11px] font-medium tracking-wider text-sidebar-foreground/60 uppercase">
+        核心功能
+      </SidebarGroupLabel>
+      <SidebarMenu>
+        {items.map((item) => {
+          const Icon = item.icon;
+          return (
+            <SidebarMenuItem key={item.title}>
+              <SidebarMenuButton
+                isActive={
+                  item.url === "/"
+                    ? pathname === "/"
+                    : pathname === item.url || pathname.startsWith(`${item.url}/`)
+                }
+                tooltip={item.title}
+                render={<Link href={item.url} onClick={handleNavigation} />}
+              >
+                <Icon data-icon="inline-start" />
+                <span className="font-medium">{item.title}</span>
+                {item.badge && (
+                  <span className="ml-auto rounded-full bg-primary/10 px-1.5 py-0.5 text-[10px] font-medium text-primary">
+                    {item.badge}
+                  </span>
+                )}
+              </SidebarMenuButton>
+            </SidebarMenuItem>
+          );
+        })}
+      </SidebarMenu>
+    </SidebarGroup>
+  );
+}