22541 extract shared case-reference breadcrumb list item helper

This commit is contained in:
2026-04-09 09:34:24 +01:00
parent 035f0e9adf
commit d75675f059
2 changed files with 41 additions and 40 deletions
+16 -40
View File
@@ -100,6 +100,12 @@ const Breadcrumbs = (props) => {
</li>
);
const renderCaseReferenceCrumb = (referenceValue) => (
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}: {referenceValue}
</li>
);
const { breadcrumbHref, caseResultsHref, breadcrumbLabel } =
resolveCaseBreadcrumbState({
query: router.query,
@@ -419,10 +425,7 @@ const Breadcrumbs = (props) => {
{t("common:breadcrumb-my-portal")}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{currentReference}
</li>
{renderCaseReferenceCrumb(currentReference)}
</>
)}
{isPath("/case/[ticketnumber]") && (
@@ -435,10 +438,7 @@ const Breadcrumbs = (props) => {
{breadcrumbLabel}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{fallbackSearchTitle}
</li>
{renderCaseReferenceCrumb(fallbackSearchTitle)}
</>
)}
{isPath("/case/id/[incident]") && (
@@ -475,10 +475,7 @@ const Breadcrumbs = (props) => {
)}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{currentReference}
</li>
{renderCaseReferenceCrumb(currentReference)}
</>
)}
{isPath("/myportal/case/id/[incident]") && (
@@ -521,10 +518,7 @@ const Breadcrumbs = (props) => {
)}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{currentReference}
</li>
{renderCaseReferenceCrumb(currentReference)}
</>
)}
{isPath("/myportal/case/[ticketnumber]") && (
@@ -538,10 +532,7 @@ const Breadcrumbs = (props) => {
{breadcrumbLabel}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{caseReferenceDisplay}
</li>
{renderCaseReferenceCrumb(caseReferenceDisplay)}
</>
)}
{isPath("/myportal/dnsapplications") && (
@@ -564,10 +555,7 @@ const Breadcrumbs = (props) => {
{t("dnsCommon:service-name")}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{currentReference}
</li>
{renderCaseReferenceCrumb(currentReference)}
</>
)}
{isPath("/myportal/dns/[developmentName]") && (
@@ -592,10 +580,7 @@ const Breadcrumbs = (props) => {
{t("dnsCommon:service-name")}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{caseReferenceDisplay}
</li>
{renderCaseReferenceCrumb(caseReferenceDisplay)}
</>
)}
{isPath("/case") && (
@@ -623,10 +608,7 @@ const Breadcrumbs = (props) => {
{t("common:breadcrumb-search-results")}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{currentReference}
</li>
{renderCaseReferenceCrumb(currentReference)}
</>
)}
{isPath("/myportal/representation") && (
@@ -758,10 +740,7 @@ const Breadcrumbs = (props) => {
{t("dnsCommon:service-name")}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{currentReference}
</li>
{renderCaseReferenceCrumb(currentReference)}
</>
)}
{isPath("/dns/[developmentName]") && (
@@ -779,10 +758,7 @@ const Breadcrumbs = (props) => {
{t("dnsCommon:service-name")}
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("common:breadcrumb-case-reference")}:{" "}
{caseReferenceDisplay}
</li>
{renderCaseReferenceCrumb(caseReferenceDisplay)}
</>
)}
{isPath("/dns/application-process") && (