brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adhusted the breadcrumb to have the last one highlighted again

Browse source
This commit is contained in:
csawatzky 2025-03-03 11:28:37 -06:00
parent cf559d48a2
commit 9b274b9e16
3 changed files with 7 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

9
package-lock.json generated
View file

@ -39,7 +39,6 @@
"react-router-dom": "^6.28.0",
"react-virtualized-auto-sizer": "^1.0.25",
"recharts": "^2.15.1",
"save-svg-as-png": "^1.4.17",
"victory": "^37.3.6"
},
"devDependencies": {
@ -56,7 +55,6 @@
"eslint-plugin-react-hooks": "^5.1.0-rc.0",
"eslint-plugin-react-refresh": "^0.4.12",
"globals": "^15.9.0",
"save-svg-as-png": "^1.4.17",
"typescript": "^5.5.3",
"typescript-eslint": "^8.7.0",
"vite": "^6.2.0",
@ -7910,13 +7908,6 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/save-svg-as-png": {
"version": "1.4.17",
"resolved": "https://registry.npmjs.org/save-svg-as-png/-/save-svg-as-png-1.4.17.tgz",
"integrity": "sha512-7QDaqJsVhdFPwviCxkgHiGm9omeaMBe1VKbHySWU6oFB2LtnGCcYS13eVoslUgq6VZC6Tjq/HddBd1K6p2PGpA==",
"dev": true,
"license": "MIT"
},
"node_modules/scheduler": {
"version": "0.23.2",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",

2
package.json
View file

@ -49,7 +49,6 @@
"react-router-dom": "^6.28.0",
"react-virtualized-auto-sizer": "^1.0.25",
"recharts": "^2.15.1",
"save-svg-as-png": "^1.4.17",
"victory": "^37.3.6"
},
"devDependencies": {
@ -66,7 +65,6 @@
"eslint-plugin-react-hooks": "^5.1.0-rc.0",
"eslint-plugin-react-refresh": "^0.4.12",
"globals": "^15.9.0",
"save-svg-as-png": "^1.4.17",
"typescript": "^5.5.3",
"typescript-eslint": "^8.7.0",
"vite": "^6.2.0",

9
src/common/SmartBreadcrumb.tsx
View file

@ -270,9 +270,12 @@ export default function SmartBreadcrumb(props: Props) {
if (prependPaths) pathnames.unshift(...prependPaths)
console.log(pathnames)
pathnames.forEach((_value: any, index: any) => {
const lastPath = index === pathnames.length - 1;
console.log(lastPath)
const to = `/${pathnames.slice(0, index + 1).join("/")}`;
let label = breadcrumbMap[to];
@ -304,10 +307,12 @@ export default function SmartBreadcrumb(props: Props) {
variant={lastPath ? "filled" : "outlined"}
label={
<LinkRouter
color={lastPath ? "textPrimary" : "textSecondary"}
//color={lastPath ? "textPrimary" : "textSecondary"}
variant="subtitle1"
to={to}
sx={{ '&:hover': { color: getThemeType() === "dark" ? 'white' : "black" } }}
sx={{ '&:hover': { color: getThemeType() === "dark" ? 'white' : "black" },
color: lastPath ? "HighlightText" : "GrayText"
}}
className={classes.textOverflow}>
{label}
</LinkRouter>