From 34b3017325ff009dc0b55fe3323f0fe3d18e5bf5 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Wed, 28 May 2025 12:43:36 -0600
Subject: [PATCH] added tooltips back to smartbreacrumb chips

---
 src/common/SmartBreadcrumb.tsx | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/common/SmartBreadcrumb.tsx b/src/common/SmartBreadcrumb.tsx
index be1d0fe..a30d60a 100644
--- a/src/common/SmartBreadcrumb.tsx
+++ b/src/common/SmartBreadcrumb.tsx
@@ -7,6 +7,7 @@ import {
   LinkProps,
   Skeleton,
   Theme,
+  Tooltip,
   Typography,
   useTheme
 } from "@mui/material";
@@ -334,22 +335,23 @@ export default function SmartBreadcrumb(props: Props) {
 
   const linkComponent = (to: string, label: string, lastPath: boolean) => {
     return (
-      <Chip
-        key={to}
-        variant={lastPath ? "filled" : "outlined"}
-        label={
-          <LinkRouter
-            color={lastPath ? "textPrimary" : "textSecondary"}
-            variant="subtitle1"
-            to={to}
-            state={state}
-            sx={{ '&:hover': { color: getThemeType() === "dark" ? 'white' : "black" }}}
-            className={classes.textOverflow}>
-            {label}
-          </LinkRouter>
-        }
-        className={classes.chip}
-      />
+      <Tooltip title={label} key={"breadcrumb-"+to}>
+        <Chip
+          variant={lastPath ? "filled" : "outlined"}
+          label={
+            <LinkRouter
+              color={lastPath ? "textPrimary" : "textSecondary"}
+              variant="subtitle1"
+              to={to}
+              state={state}
+              sx={{ '&:hover': { color: getThemeType() === "dark" ? 'white' : "black" }}}
+              className={classes.textOverflow}>
+              {label}
+            </LinkRouter>
+          }
+          className={classes.chip}
+        />
+      </Tooltip>
     );
   };