initial dynamic forms

components/breadcrumbs.js

@@ -2,6 +2,7 @@ import Link from "next/link";
 import jsonpath from "jsonpath";
 import _ from "lodash";
 import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
 
 const Breadcrumbs = (props) => {
     const {
@@ -14,11 +15,13 @@ const Breadcrumbs = (props) => {
         applicant_ref,
     } = props;
     const router = useRouter();
-    const { course, section } = router.query;
+    const { appealType, section } = router.query;
+
+    let { t } = useTranslation();
 
     function Breadcrumb() {
         if (slug) {
-            var coursePageURL = course + "/" + slug;
+            var coursePageURL = appealType + "/" + slug;
             if (_.isEmpty(courseContent)) {
                 return null;
             } else {
@@ -43,37 +46,37 @@ const Breadcrumbs = (props) => {
 
     return (
         <nav
-            aria-label={"Breadcrumb for " + _.startCase(_.toLower(course))}
+            aria-label={"Breadcrumb for " + _.startCase(_.toLower(appealType))}
             role="navigation"
             data-module="track-click"
         >
             <div className="govuk-breadcrumbs ">
                 <ol className="govuk-breadcrumbs__list">
                     <li className="govuk-breadcrumbs__list-item">
-                        <Link href="http://www.gov.uk">
-                            <a className="govuk-breadcrumbs__link">GOV.UK</a>
+                        <Link href="http://www.gov.wales">
+                            <a className="govuk-breadcrumbs__link">GOV.WALES</a>
                         </Link>
                     </li>
                     <li className="govuk-breadcrumbs__list-item">
                         <Link href="/">
                             <a className="govuk-breadcrumbs__link">
-                                Appeals Casework Portal
+                                {t("common:service-name")}
                             </a>
                         </Link>
                     </li>
                     <li className="govuk-breadcrumbs__list-item">
-                        <Link href="/portal">
+                        <Link href="/myportal">
                             <a className="govuk-breadcrumbs__link">
-                                Find the right training
+                                {t("myportal:page-title")}
                             </a>
                         </Link>
                     </li>
-                    {!_.isEmpty(course) ? (
+                    {!_.isEmpty(appealType) ? (
                         <li className="govuk-breadcrumbs__list-item">
                             <Link
                                 href={
                                     "/" +
-                                    course +
+                                    appealType +
                                     "?id=" +
                                     applicant_id +
                                     "&refno=" +
@@ -83,7 +86,7 @@ const Breadcrumbs = (props) => {
                                 }
                             >
                                 <a className="govuk-breadcrumbs__link">
-                                    {_.startCase(_.toLower(course))}
+                                    {_.startCase(_.toLower(appealType))}
                                 </a>
                             </Link>
                         </li>