Breadcrumb interactions for the current page in Gateways

[timng-bcgov]

API Services Portal Issue

User Story

As an API provider,

I want to navigate the Gateways management section of the API Services Portal

so that I can administer my Gateway services.

Test Case

ENV

• DEV
• TEST
• PROD

TESTCASE

Navigate to the Gateways section of the Services Portal and select a Gateway detail to see the breadcrumbs in the navigation bar.

EXPECTED

The breadcrumb for the current page is a span element (non-interactive & not focusable).

ACTUAL

The breadcrumb for the current page is an anchor element (interactive & keyboard-focusable).

Notes

Chakra UI provides an isCurrentPage prop for the <BreadcrumbItem /> to render a span for the current page. src/nextapp/components/page-header should be updated to reflect this.

https://v2.chakra-ui.com/docs/components/breadcrumb#usage