diff --git a/components/header.js b/components/header.js index 970f8408..4d6f02ff 100644 --- a/components/header.js +++ b/components/header.js @@ -93,6 +93,29 @@ const Header = (props) => { }); }; + const switchLocale = locale === "en" ? "cy" : "en"; + + const handleLocaleSwitch = () => { + // Set cookie + setCookie(null, "pedw_locale", switchLocale, { + path: "/", + maxAge: 60 * 60 * 24 * 365, + }); + + // Rebuild URL with query parameters + const queryString = + Object.keys(router.query).length > 0 + ? "?" + + Object.entries(router.query) + .map(([key, value]) => `${key}=${value}`) + .join("&") + : ""; + + router.push(router.pathname + queryString, undefined, { + locale: switchLocale, + }); + }; + return (
{
- {/*
-
- - -
- - -
-
- -
-
-
*/}
{hasContactLink.includes(router.pathname) == true ? ( { )} - { + if (e.key === "Enter") handleLocaleSwitch(); + }} + data-journey-click={ + locale === "en" + ? "link - click:lang-select:Cymraeg" + : "link - click:lang-select:English" + } + aria-label={ + locale === "en" + ? "Dewiswch Cymraeg" + : "Select English" + } + > + {t("common:available-in")} + + {/* 0 ? router.pathname + @@ -284,7 +230,7 @@ const Header = (props) => { > {" "} {t("common:available-in")} - + */}
diff --git a/locales/cy/common.json b/locales/cy/common.json index 66d8873f..77e6a246 100644 --- a/locales/cy/common.json +++ b/locales/cy/common.json @@ -89,5 +89,10 @@ "unsubscribe-case-title": "Wedi dad-danysgrifio i'r Achos", "unsubscribe-case-all-label": "Rydych chi wedi dad-danysgrifio o dderbyn diweddariadau o'r achos canlynol", "unsubscribe-case-none-label": "Dim byd i'w ddad-danysgrifio", - "unsubscribe-case-label": "Rydych chi wedi dad-danysgrifio o dderbyn diweddariadau e-bost ar gyfer" + "unsubscribe-case-label": "Rydych chi wedi dad-danysgrifio o dderbyn diweddariadau e-bost ar gyfer", + "mycases-viewall-title": "Gweld fy holl achosion", + "awaitingsubmissiondetails-viewall-title": "Gweld pob apêl sy'n aros i gael ei chyflwyno", + "myrepresentations-viewall-title": "Gweld pob cynrychiolaeth sy'n aros i gael ei chyflwyno", + "watchedcases-viewall-title": "Gweld pob achos a wyliwyd", + "mySubmittedreps-viewall-title": "Gweld pob cynrychiolaeth a gyflwynwyd" } \ No newline at end of file diff --git a/locales/en/common.json b/locales/en/common.json index 59c5da4e..b7504a6f 100644 --- a/locales/en/common.json +++ b/locales/en/common.json @@ -89,5 +89,10 @@ "unsubscribe-case-title": "Unsubscribed to Case", "unsubscribe-case-all-label": "You have unsubscribed from receiving updates from the following case", "unsubscribe-case-none-label": "Nothing to unsubscribe", - "unsubscribe-case-label": "You have unsubscribed from receiving email updates for" + "unsubscribe-case-label": "You have unsubscribed from receiving email updates for", + "mycases-viewall-title": "View all my cases", + "awaitingsubmissiondetails-viewall-title": "View all appeals awaiting submission", + "myrepresentations-viewall-title": "View all representations awaiting submission", + "watchedcases-viewall-title": "View all watched cases", + "mysubmittedreps-viewall-title": "View all submitted representations" } \ No newline at end of file diff --git a/pages/myportal/viewall.js b/pages/myportal/viewall.js index 8b71211a..69c43f67 100644 --- a/pages/myportal/viewall.js +++ b/pages/myportal/viewall.js @@ -31,11 +31,27 @@ const Home = (props) => { return ; } + const titleKeys = { + "myCases": t("common:mycases-viewall-title"), + + "awaitingSubmissionDetails": t( + "common:awaitingsubmissiondetails-viewall-title" + ), + "myRepresentations": t("common:myrepresentations-viewall-title"), + "watchedCases": t("common:watchedcases-viewall-title"), + "mySubmittedReps": t("common:mysubmittedreps-viewall-title"), + }; + + function whichTitle(key) { + return t(titleKeys[key]); + } + return (
- {t("search:page-title")} - {t("common:service-name")} + {whichTitle(router.query?.viewKey)} -{" "} + {t("common:service-name")}
diff --git a/styles/sass/welshgov/_application.scss b/styles/sass/welshgov/_application.scss index b4b69a93..773e064e 100644 --- a/styles/sass/welshgov/_application.scss +++ b/styles/sass/welshgov/_application.scss @@ -734,6 +734,7 @@ textarea, margin-top: 10px; text-align: right; margin-right: 0px; + cursor: pointer; @media screen and (max-width: 900px) { position: absolute; @@ -741,7 +742,7 @@ textarea, right: -10px; } - a.govuk-header__link { + .govuk-header__link { background-color: $black; padding: 10px 20px; font-weight: 700; @@ -753,9 +754,9 @@ textarea, } } - a.govuk-header__link:focus { + .govuk-header__link:focus { background-color: $black; - padding: 10px; + padding: 10px 20px; color: #fff; box-shadow: none; }