inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-09-13 14:11:37 +00:00
Code Activity

[UI] breadcrumb fix (#10264)

Browse Source 
* Allow middle-click on breadcrumbs

* Fix playwright test
This commit is contained in:
Oliver
2025-09-04 12:06:15 +10:00
committed by GitHub
parent fa45bb1bef
commit c6f46c587d
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/frontend/src/components/nav/BreadcrumbList.tsx
View File

@@ -11,7 +11,7 @@ import { useMemo } from 'react';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { identifierString } from '@lib/functions/Conversion'; import { identifierString } from '@lib/functions/Conversion';
import { navigateToLink } from '@lib/functions/Navigation'; import { getBaseUrl, navigateToLink } from '@lib/functions/Navigation';
export type Breadcrumb = { export type Breadcrumb = {
icon?: React.ReactNode; icon?: React.ReactNode;
@@ -31,6 +31,8 @@ export function BreadcrumbList({
}>) { }>) {
const navigate = useNavigate(); const navigate = useNavigate();
const baseUrl = useMemo(() => getBaseUrl(), []);
const elements = useMemo(() => { const elements = useMemo(() => {
// Limit to 7 active elements // Limit to 7 active elements
if (breadcrumbs.length > 7) { if (breadcrumbs.length > 7) {
@@ -62,6 +64,7 @@ export function BreadcrumbList({
return ( return (
<Anchor <Anchor
key={`${index}-${breadcrumb.name}`} key={`${index}-${breadcrumb.name}`}
href={`${baseUrl}${breadcrumb.url}`}
aria-label={`breadcrumb-${index}-${identifierString( aria-label={`breadcrumb-${index}-${identifierString(
breadcrumb.name breadcrumb.name
)}`} )}`}

2
src/frontend/tests/pages/pui_sales_order.spec.ts
View File

@@ -175,7 +175,7 @@ test('Sales Orders - Shipments', async ({ browser }) => {
await page.getByText(tracking_number).waitFor(); await page.getByText(tracking_number).waitFor();
// Link back to sales order // Link back to sales order
await page.getByRole('link', { name: 'SO0006' }).click(); await page.getByRole('link', { name: 'breadcrumb-1-so0006' }).click();
// Let's try to allocate some stock // Let's try to allocate some stock
await loadTab(page, 'Line Items'); await loadTab(page, 'Line Items');