From 3d1e8061167def9c3535eb1876f06bb079a18eb1 Mon Sep 17 00:00:00 2001
From: duchuy-wins <luongduchuy11b1@gmail.com>
Date: Sat, 15 Jun 2024 16:08:07 +0700
Subject: [PATCH] Fix: css

---
 src/components/subnav-dropdown.tsx | 13 ++-----
 src/lib/constants.tsx              | 62 ++++++++++++++++++++----------
 2 files changed, 44 insertions(+), 31 deletions(-)

diff --git a/src/components/subnav-dropdown.tsx b/src/components/subnav-dropdown.tsx
index 47f22ce..532a76a 100644
--- a/src/components/subnav-dropdown.tsx
+++ b/src/components/subnav-dropdown.tsx
@@ -1,11 +1,6 @@
 "use client";
 import NavItem from "@/components/nav-item";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "@/components/ui/accordion";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
 import { MenuItem } from "@/types/menu-item";
 
 export default function SubnavDropdown({ item }: { item: MenuItem }) {
@@ -14,13 +9,11 @@ export default function SubnavDropdown({ item }: { item: MenuItem }) {
   return hasSubNav ? (
     <Accordion type="single" collapsible className="w-full !border-b-0">
       <AccordionItem value="item-1">
-        <AccordionTrigger className="py-2">
+        <AccordionTrigger className="">
           <NavItem item={item} />
         </AccordionTrigger>
         <AccordionContent className="ml-2">
-          {item.subItems?.map((subitem: MenuItem) => (
-            <SubnavDropdown key={subitem.href} item={subitem} />
-          ))}
+          {item.subItems?.map((subitem: MenuItem) => <SubnavDropdown key={subitem.href} item={subitem} />)}
         </AccordionContent>
       </AccordionItem>
     </Accordion>
diff --git a/src/lib/constants.tsx b/src/lib/constants.tsx
index 8f74b41..c6360ed 100644
--- a/src/lib/constants.tsx
+++ b/src/lib/constants.tsx
@@ -1,5 +1,18 @@
 import { MenuItem } from "@/types/menu-item";
-import { GroupIcon, Home, HomeIcon, User, Users, Users2 } from "lucide-react";
+import {
+  Building,
+  Building2,
+  GroupIcon,
+  Home,
+  HomeIcon,
+  Key,
+  KeySquare,
+  User,
+  Users,
+  Users2,
+  Users2Icon,
+  Wrench,
+} from "lucide-react";
 
 export const SIDEBAR_ITEMS: MenuItem[] = [
   {
@@ -9,35 +22,42 @@ export const SIDEBAR_ITEMS: MenuItem[] = [
   },
   {
     href: "#",
-    label: "users",
-    icon: <User className="h-4 w-4" />,
+    label: "Quản Lý đăng nhập",
+    icon: <KeySquare className="h-4 w-4" />,
     subItems: [
       {
-        href: "/dashboard/users",
-        label: "user list",
+        href: "/dashboard/employees",
+        label: "Employee",
         icon: <User className="h-4 w-4" />,
       },
       {
-        href: "/dashboard/agents",
-        label: "agents",
-        icon: <GroupIcon className="h-4 w-4" />,
+        href: "/dashboard/roles",
+        label: "Roles",
+        icon: <Wrench className="h-4 w-4" />,
       },
     ],
   },
   {
-    href: "/dashboard/employees",
-    label: "Employee",
-    icon: <User className="h-4 w-4" />,
-  },
-  {
-    href: "/dashboard/roles",
-    label: "Roles",
-    icon: <User className="h-4 w-4" />,
-  },
-  {
-    href: "/dashboard/chihois",
-    label: "Chi Hội",
-    icon: <Users2 className="h-4 w-4" />,
+    href: "#",
+    label: "Quản Lý chi hội",
+    icon: <Building2 className="h-4 w-4" />,
+    subItems: [
+      {
+        href: "/dashboard/chihois",
+        label: "Chi Hội",
+        icon: <Building className="h-4 w-4" />,
+      },
+      {
+        href: "/dashboard/tochucs",
+        label: "Tổ chức",
+        icon: <GroupIcon className="h-4 w-4" />,
+      },
+      {
+        href: "/dashboard/hoiviens",
+        label: "Hội viên",
+        icon: <User className="h-4 w-4" />,
+      },
+    ],
   },
 ];