BS components

src/html/components/dashboard/_sidenav.astro

@@ -1,6 +1,6 @@
 ---
-import { convertPathToHtml } from "../../../utils/index.js";
-const { path, mainPage, page } = Astro.props;
+import {convertPathToHtml} from "../../../utils/index.js";
+const {path, mainPage, page} = Astro.props;
 const htmlPath = convertPathToHtml(path);
 ---
 
@@ -125,7 +125,7 @@ const htmlPath = convertPathToHtml(path);
             <p>
               Layout Options
               <span class="nav-badge badge text-bg-secondary me-3"
-                >6</span
+              >6</span
               >
               <i class="nav-arrow bi bi-chevron-right"></i>
             </p>
@@ -250,6 +250,21 @@ const htmlPath = convertPathToHtml(path);
             </li>
           </ul>
         </li>
+        <li class:list={["nav-item", mainPage === "bscomponents" && "menu-open"]}>
+          <a href="#" class:list={["nav-link", mainPage === "bscomponents" && "active"]}>
+            <i class="nav-icon bi bi-pencil-square"></i>
+            <p>Components<i class="nav-arrow bi bi-chevron-right"></i>
+            </p>
+          </a>
+          <ul class="nav nav-treeview">
+            <li class="nav-item">
+              <a href={htmlPath + "/components/general.html"} class:list={["nav-link", page === "bsgeneral" && "active"]}>
+                <i class="nav-icon bi bi-circle"></i>
+                <p>General Components</p>
+              </a>
+            </li>
+          </ul>
+        </li>
         <li class:list={["nav-item", mainPage === "tables" && "menu-open"]}>
           <a
             href="#"