From 9cd834d839fa63765057542bac370e3d409340ec Mon Sep 17 00:00:00 2001
From: Aakash <aakashit13@gmail.com>
Date: Mon, 2 Oct 2023 00:34:54 +0530
Subject: [PATCH 1/2] Added the feature : Making headings as Accordions on Side
 Bar Nav

---
 components/layout/sidebar-nav.tsx | 73 ++++++++++++++++++-------------
 1 file changed, 43 insertions(+), 30 deletions(-)

diff --git a/components/layout/sidebar-nav.tsx b/components/layout/sidebar-nav.tsx
index f56d694..3ef228e 100644
--- a/components/layout/sidebar-nav.tsx
+++ b/components/layout/sidebar-nav.tsx
@@ -22,36 +22,49 @@ export function DocsSidebarNav({ items }: DocsSidebarNavProps) {
   return items.length ? (
     <div className="w-full text-slate-800 ">
       {items.map((item, index) => (
-        <div key={index} className={cn("pb-8")}>
-          <h4 className="mb-1 rounded-md py-1 text-base font-medium dark:text-white">
-            {item.title}
-          </h4>
-          {item.items ? (
-            <div className="dark:text-gray-400">
-              {item.items.map((item) => (
-                <>
-                  {item.href ? (
-                    <DocsSidebarNavItem item={item} pathname={pathname} />
-                  ) : (
-                    <Accordion type="single" collapsible>
-                      <AccordionItem className="border-b-0" value="item-1">
-                        <div>
-                        
-                          <AccordionTrigger className="py-2 hover:no-underline"> {item.title}</AccordionTrigger>
-                        </div>
-                        <AccordionContent className="pb-[-1rem]">
-                          <DocsSidebarNavItems
-                            items={item.items}
-                            pathname={pathname}
-                          />
-                        </AccordionContent>
-                      </AccordionItem>
-                    </Accordion>
-                  )}
-                </>
-              ))}
-            </div>
-          ) : null}
+        <div key={index} className={cn("pb-4")}>
+          <Accordion type="single" collapsible>
+            <AccordionItem className="border-b-0" value="item-title">
+              <div>
+                <AccordionTrigger className="py-2 hover:no-underline">
+                  {item.title}
+                </AccordionTrigger>
+              </div>
+              <AccordionContent>
+                {item.items ? (
+                  <div className="dark:text-gray-400">
+                    {item.items.map(item => (
+                      <>
+                        {item.href ? (
+                          <DocsSidebarNavItem item={item} pathname={pathname} />
+                        ) : (
+                          <Accordion type="single" collapsible>
+                            <AccordionItem
+                              className="border-b-0"
+                              value="item-1"
+                            >
+                              <div>
+                                <AccordionTrigger className="py-2 hover:no-underline">
+                                  {" "}
+                                  {item.title}
+                                </AccordionTrigger>
+                              </div>
+                              <AccordionContent className="pb-[-1rem]">
+                                <DocsSidebarNavItems
+                                  items={item.items}
+                                  pathname={pathname}
+                                />
+                              </AccordionContent>
+                            </AccordionItem>
+                          </Accordion>
+                        )}
+                      </>
+                    ))}
+                  </div>
+                ) : null}
+              </AccordionContent>
+            </AccordionItem>
+          </Accordion>
         </div>
       ))}
     </div>

From 5455b246437cc092d1250531aa920c943723ed92 Mon Sep 17 00:00:00 2001
From: Aakash <aakashit13@gmail.com>
Date: Mon, 2 Oct 2023 13:49:13 +0530
Subject: [PATCH 2/2] modified for darkmode

---
 components/layout/sidebar-nav.tsx | 34 +++++++++++++++----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/components/layout/sidebar-nav.tsx b/components/layout/sidebar-nav.tsx
index 3ef228e..7eddb97 100644
--- a/components/layout/sidebar-nav.tsx
+++ b/components/layout/sidebar-nav.tsx
@@ -1,23 +1,23 @@
-"use client";
+"use client"
 
-import Link from "next/link";
-import { usePathname } from "next/navigation";
+import Link from "next/link"
+import { usePathname } from "next/navigation"
 
-import { cn } from "@/lib/utils";
-import { NavItem, SidebarNav, SidebarNavItem } from "@/types";
+import { cn } from "@/lib/utils"
+import { NavItem, SidebarNav, SidebarNavItem } from "@/types"
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "../ui/accordion";
+} from "../ui/accordion"
 
 export interface DocsSidebarNavProps {
-  items: SidebarNav[];
+  items: SidebarNav[]
 }
 
 export function DocsSidebarNav({ items }: DocsSidebarNavProps) {
-  const pathname = usePathname();
+  const pathname = usePathname()
 
   return items.length ? (
     <div className="w-full text-slate-800 ">
@@ -26,7 +26,7 @@ export function DocsSidebarNav({ items }: DocsSidebarNavProps) {
           <Accordion type="single" collapsible>
             <AccordionItem className="border-b-0" value="item-title">
               <div>
-                <AccordionTrigger className="py-2 hover:no-underline">
+                <AccordionTrigger className="mb-1 rounded-md py-1 text-base font-medium dark:text-white hover:no-underline">
                   {item.title}
                 </AccordionTrigger>
               </div>
@@ -68,12 +68,12 @@ export function DocsSidebarNav({ items }: DocsSidebarNavProps) {
         </div>
       ))}
     </div>
-  ) : null;
+  ) : null
 }
 
 interface DocsSidebarNavItemsProps {
-  items: NavItem[] | undefined;
-  pathname: string | null;
+  items: NavItem[] | undefined
+  pathname: string | null
 }
 
 export function DocsSidebarNavItems({
@@ -85,15 +85,15 @@ export function DocsSidebarNavItems({
       {items.map((item, index) => {
         return (
           <DocsSidebarNavItem key={index} item={item} pathname={pathname} />
-        );
+        )
       })}
     </div>
-  ) : null;
+  ) : null
 }
 
 interface DocsSidebarNavItemsrops {
-  item: NavItem | SidebarNavItem;
-  pathname: string | null;
+  item: NavItem | SidebarNavItem
+  pathname: string | null
 }
 
 export function DocsSidebarNavItem({
@@ -113,5 +113,5 @@ export function DocsSidebarNavItem({
     <span className="flex w-full cursor-not-allowed items-center rounded-md p-2 opacity-60">
       {item.title}
     </span>
-  );
+  )
 }