✨ 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,65 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { type LucideIcon } from "lucide-react";
+
+import {
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@/components/ui/sidebar";
+
+export interface NavSecondaryItem {
+  title: string;
+  url: string;
+  icon: LucideIcon;
+  badge?: React.ReactNode;
+}
+
+export function NavSecondary({
+  items,
+  className,
+  ...props
+}: {
+  items: NavSecondaryItem[];
+} & React.ComponentProps<typeof SidebarGroup>) {
+  const pathname = usePathname();
+  const { isMobile, setOpenMobile } = useSidebar();
+
+  const handleNavigation = () => {
+    if (isMobile) {
+      setOpenMobile(false);
+    }
+  };
+
+  return (
+    <SidebarGroup className={className} {...props}>
+      <SidebarGroupContent>
+        <SidebarMenu>
+          {items.map((item) => {
+            const Icon = item.icon;
+            return (
+              <SidebarMenuItem key={item.title}>
+                <SidebarMenuButton
+                  size="sm"
+                  isActive={
+                    pathname === item.url || pathname.startsWith(`${item.url}/`)
+                  }
+                  tooltip={item.title}
+                  render={<Link href={item.url} onClick={handleNavigation} />}
+                >
+                  <Icon data-icon="inline-start" />
+                  <span>{item.title}</span>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
+            );
+          })}
+        </SidebarMenu>
+      </SidebarGroupContent>
+    </SidebarGroup>
+  );
+}