From cd42f7784ad594abd64e60c72998d974898177c6 Mon Sep 17 00:00:00 2001
From: Sumabhat11 <sumagbhat2019@gmail.com>
Date: Thu, 4 Dec 2025 21:50:17 +0530
Subject: [PATCH] Add tooltip when hover over breadcrumbs

---
 view/components/layout/dashboard-layout.tsx | 5 ++++-
 view/components/ui/breadcrumb.tsx           | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/view/components/layout/dashboard-layout.tsx b/view/components/layout/dashboard-layout.tsx
index 21fa9edd5..4206030d4 100644
--- a/view/components/layout/dashboard-layout.tsx
+++ b/view/components/layout/dashboard-layout.tsx
@@ -83,7 +83,10 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
                     {breadcrumbs.map((breadcrumb, idx) => (
                       <React.Fragment key={idx}>
                         <BreadcrumbItem className="hidden md:block">
-                          <BreadcrumbLink onClick={() => router.push(breadcrumb.href)}>
+                          <BreadcrumbLink
+                            onClick={() => router.push(breadcrumb.href)}
+                            className="cursor-pointer"
+                          >
                             {breadcrumb.label}
                           </BreadcrumbLink>
                         </BreadcrumbItem>
diff --git a/view/components/ui/breadcrumb.tsx b/view/components/ui/breadcrumb.tsx
index 9a157a286..1d22aa152 100644
--- a/view/components/ui/breadcrumb.tsx
+++ b/view/components/ui/breadcrumb.tsx
@@ -43,7 +43,7 @@ function BreadcrumbLink({
   return (
     <Comp
       data-slot="breadcrumb-link"
-      className={cn('hover:text-foreground transition-colors', className)}
+      className={cn('hover:text-foreground transition-colors cursor-pointer', className)}
       {...props}
     />
   );