From a4c966334ac9f7649d86e871e4b630c595246134 Mon Sep 17 00:00:00 2001
From: Arnas Donauskas <arnas.donauskas@hostinger.com>
Date: Thu, 16 Apr 2026 19:29:34 +0300
Subject: [PATCH] fix: remove /dashboard prefix from nav links and redirects

Next.js route groups like (dashboard) don't appear in URLs, so the
sidebar, header, and dashboard page were linking to /dashboard/inbox,
/dashboard/contacts, etc. which don't exist and returned 404.

Fixed paths in:
- src/components/layout/sidebar.tsx (nav hrefs)
- src/components/layout/header.tsx (page title map)
- src/app/(dashboard)/dashboard/page.tsx (router.push calls)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/(dashboard)/dashboard/page.tsx |  4 ++--
 src/components/layout/header.tsx       | 12 ++++++------
 src/components/layout/sidebar.tsx      | 12 ++++++------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/page.tsx b/src/app/(dashboard)/dashboard/page.tsx
index bcfb23e..83c82f6 100644
--- a/src/app/(dashboard)/dashboard/page.tsx
+++ b/src/app/(dashboard)/dashboard/page.tsx
@@ -234,7 +234,7 @@ export default function DashboardPage() {
             </h2>
           </div>
           <button
-            onClick={() => router.push("/dashboard/inbox")}
+            onClick={() => router.push("/inbox")}
             className="flex items-center gap-1 text-xs text-emerald-400 hover:text-emerald-300 transition-colors"
           >
             View all
@@ -261,7 +261,7 @@ export default function DashboardPage() {
             recentConversations.map((conv) => (
               <button
                 key={conv.id}
-                onClick={() => router.push("/dashboard/inbox")}
+                onClick={() => router.push("/inbox")}
                 className="flex w-full items-center gap-3 px-5 py-3 text-left transition-colors hover:bg-slate-800/50"
               >
                 <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-emerald-500/10 text-sm font-medium text-emerald-500">
diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
index 70a30ff..ab2038e 100644
--- a/src/components/layout/header.tsx
+++ b/src/components/layout/header.tsx
@@ -6,12 +6,12 @@ import { LogOut } from "lucide-react";
 
 const pageTitles: Record<string, string> = {
   "/dashboard": "Dashboard",
-  "/dashboard/inbox": "Inbox",
-  "/dashboard/contacts": "Contacts",
-  "/dashboard/pipelines": "Pipelines",
-  "/dashboard/broadcasts": "Broadcasts",
-  "/dashboard/automations": "Automations",
-  "/dashboard/settings": "Settings",
+  "/inbox": "Inbox",
+  "/contacts": "Contacts",
+  "/pipelines": "Pipelines",
+  "/broadcasts": "Broadcasts",
+  "/automations": "Automations",
+  "/settings": "Settings",
 };
 
 function getPageTitle(pathname: string): string {
diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
index 84fb03e..d7cf3b6 100644
--- a/src/components/layout/sidebar.tsx
+++ b/src/components/layout/sidebar.tsx
@@ -17,15 +17,15 @@ import {
 
 const navItems = [
   { href: "/dashboard", label: "Dashboard", icon: LayoutDashboard },
-  { href: "/dashboard/inbox", label: "Inbox", icon: MessageSquare },
-  { href: "/dashboard/contacts", label: "Contacts", icon: Users },
-  { href: "/dashboard/pipelines", label: "Pipelines", icon: GitBranch },
-  { href: "/dashboard/broadcasts", label: "Broadcasts", icon: Radio },
-  { href: "/dashboard/automations", label: "Automations", icon: Zap },
+  { href: "/inbox", label: "Inbox", icon: MessageSquare },
+  { href: "/contacts", label: "Contacts", icon: Users },
+  { href: "/pipelines", label: "Pipelines", icon: GitBranch },
+  { href: "/broadcasts", label: "Broadcasts", icon: Radio },
+  { href: "/automations", label: "Automations", icon: Zap },
 ];
 
 const bottomNavItems = [
-  { href: "/dashboard/settings", label: "Settings", icon: Settings },
+  { href: "/settings", label: "Settings", icon: Settings },
 ];
 
 export function Sidebar() {