From 33fc6c1245529e48b14c8503d10d5eb3da4334eb Mon Sep 17 00:00:00 2001
From: SAINT <santiago.cardenas.pena4612@gmail.com>
Date: Tue, 13 Oct 2026 20:50:52 -0700
Subject: [PATCH] fix: mark unavailable sidebar items as coming soon

---
 src/components/app-sidebar.tsx   |  3 ---
 src/components/nav-secondary.tsx | 35 +++++++++++++++++++++++---------
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
index 2f8c4f5..b68633b 100644
--- a/src/components/app-sidebar.tsx
+++ b/src/components/app-sidebar.tsx
@@ -63,17 +63,14 @@ const data = {
   navSecondary: [
     {
       title: "Settings",
-      url: "#",
       icon: SettingsIcon,
     },
     {
       title: "Help",
-      url: "#",
       icon: HelpCircleIcon,
     },
     {
       title: "Search",
-      url: "#",
       icon: SearchIcon,
     },
   ],
diff --git a/src/components/nav-secondary.tsx b/src/components/nav-secondary.tsx
index 831ad91..72fec97 100644
--- a/src/components/nav-secondary.tsx
+++ b/src/components/nav-secondary.tsx
@@ -18,7 +18,7 @@ export function NavSecondary({
 }: {
   items: {
     title: string;
-    url: string;
+    url?: string;
     icon: LucideIcon;
   }[];
 } & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {
@@ -35,15 +35,30 @@ export function NavSecondary({
         <SidebarMenu>
           {items.map((item) => (
             <SidebarMenuItem key={item.title}>
-              <SidebarMenuButton
-                asChild
-                className="text-white hover:bg-white/10 hover:text-white"
-              >
-                <a href={item.url} onClick={handleLinkClick}>
-                  <item.icon className="text-white" />
-                  <span className="text-white">{item.title}</span>
-                </a>
-              </SidebarMenuButton>
+              {item.url ? (
+                <SidebarMenuButton
+                  asChild
+                  className="text-white hover:bg-white/10 hover:text-white"
+                >
+                  <a href={item.url} onClick={handleLinkClick}>
+                    <item.icon className="text-white" />
+                    <span className="text-white">{item.title}</span>
+                  </a>
+                </SidebarMenuButton>
+              ) : (
+                <SidebarMenuButton
+                  type="button"
+                  disabled
+                  aria-label={`${item.title} — Coming soon`}
+                  className="text-white"
+                >
+                  <item.icon aria-hidden="true" />
+                  <span>{item.title}</span>
+                  <span className="ml-auto text-xs group-data-[collapsible=icon]:hidden">
+                    Coming soon
+                  </span>
+                </SidebarMenuButton>
+              )}
             </SidebarMenuItem>
           ))}
         </SidebarMenu>