added in right hand nav and titles to store

This commit is contained in:
2021-07-14 12:17:45 +01:00
parent f5a0ec2021
commit eab46701e3
17 changed files with 1088 additions and 339 deletions
+61 -24
View File
@@ -64,35 +64,72 @@ const Breadcrumbs = (props) => {
</a>
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
<Link href="/myportal">
<a className="govuk-breadcrumbs__link">
{t("myportal:page-title")}
</a>
</Link>
</li>
{!_.isEmpty(appealType) ? (
{router.pathname == "/myportal" ? (
<li className="govuk-breadcrumbs__list-item">
<Link
href={
"/" +
appealType +
"?id=" +
applicant_id +
"&refno=" +
applicant_ref +
"&courseid=" +
course_id
}
>
<a className="govuk-breadcrumbs__link">
{_.startCase(_.toLower(appealType))}
</a>
</Link>
{t("myportal:page-title")}
</li>
) : (
""
)}
{router.pathname == "/newappeal" ? (
<>
<li className="govuk-breadcrumbs__list-item">
<Link href="/myportal">
<a className="govuk-breadcrumbs__link">
{t("newappeal:parent-page-title")}
</a>
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
{t("newappeal:page-title")}
</li>
</>
) : (
""
)}
{router.pathname == "/newappeal/selectappeal" ? (
<>
<li className="govuk-breadcrumbs__list-item">
<Link href="/myportal">
<a className="govuk-breadcrumbs__link">
{t("newappeal:parent-page-title")}
</a>
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
<Link href="/myportal">
<a className="govuk-breadcrumbs__link">
{t("newappeal:page-title")}
</a>
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
Select Appeal
</li>
</>
) : (
""
)}
{!_.isEmpty(slug) ? (
<>
<li className="govuk-breadcrumbs__list-item">
<Link href="/myportal">
<a className="govuk-breadcrumbs__link">
My Portal
</a>
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
<Link href="/newappeal">
<a className="govuk-breadcrumbs__link">
New Appeal
</a>
</Link>
</li>
</>
) : (
""
)}
<Breadcrumb />
</ol>
+3 -3
View File
@@ -17,7 +17,7 @@ let BuildSection = (props) => {
const router = useRouter();
const { locale } = router;
const { formXML, sectionCount, onSubmit, handleSubmit } = props;
const { formXML, sectionCount, onSubmit, handleSubmit, formTitle } = props;
const [currentSection, setCurrentSection] = useState(1);
const parser = new DOMParser();
@@ -96,8 +96,8 @@ let BuildSection = (props) => {
aria-labelledby="progress-list"
className="at-nav"
>
<h3 className="govuk-visually-hidden">
New Appeal progress
<h3 className="govuk-heading-s govuk-!-font-weight-regular gov-font-dark-grey">
{props.formTitle}
</h3>
<ol className="govuk-list">