robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GEL defect and ui changes

Browse Source
This commit is contained in:
robbond
2021-10-07 14:47:17 +01:00
parent dbaa797034
commit 59f7d95f88
60 changed files with 515 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/banner.js
+13 -9
View File
@@ -4,15 +4,19 @@ import useTranslation from "next-translate/useTranslation";
export default function Banner() {
let { t, lang } = useTranslation();
return (
<div className="govuk-phase-banner">
<p className="govuk-phase-banner__content">
<span className="govuk-tag govuk-phase-banner__content__tag">
beta
</span>
<span className="govuk-phase-banner__text">
{t("common:new-service-beta")}
</span>
</p>
<div className="govuk-header phase_banner">
<div className="govuk-header__container govuk-width-container">
<div className="govuk-phase-banner">
<p className="govuk-phase-banner__content">
<span className="govuk-tag govuk-phase-banner__content__tag">
beta
</span>
<span className="govuk-phase-banner__text">
{t("common:new-service-beta")}
</span>
</p>
</div>
</div>
</div>
);
}
components/breadcrumbs.js
+3 -3
View File
@@ -56,13 +56,13 @@ const Breadcrumbs = (props) => {
>
<div className="govuk-breadcrumbs ">
<ol className="govuk-breadcrumbs__list">
<li className="govuk-breadcrumbs__list-item">
{/* <li className="govuk-breadcrumbs__list-item">
<Link href={t("common:gov-wales-link")}>
<a className="govuk-breadcrumbs__link">
{t("common:gov-wales-label")}
</a>
</Link>
</li>
</li> */}
<li className="govuk-breadcrumbs__list-item">
<Link
href={
@@ -74,7 +74,7 @@ const Breadcrumbs = (props) => {
<a className="govuk-breadcrumbs__link">
{router.pathname.includes("/dns/")
? t("dnsCommon:service-name")
: t("common:service-name")}
: t("common:service-name-breadcrumb")}
</a>
</Link>
</li>
components/case/documents.js
+10 -10
View File
@@ -49,16 +49,16 @@ const DocumentDetails = (props) => {
return (
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 govuk-!-padding-left-2">
<dd className="govuk-summary-list__key govuk-!-font-size-16 govuk-!-padding-left-2">
{t("case:documents-name-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("case:documents-doc-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("case:documents-date-published-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("case:documents-size-label")}
</dd>
</div>
@@ -88,14 +88,14 @@ const DocumentDetails = (props) => {
className="govuk-summary-list__row"
key={key}
>
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<dd className="govuk-summary-list__value govuk-!-font-size-16 govuk-!-padding-left-2">
<Link
href={
"/" +
"/api/proxy/documents/download/" +
detailsObj.pinswg_isharedocumentreference
}
>
<a>
<a target="_blank">
<span className="results-visually-hidden">
{t(
"case:documents-name-label"
@@ -112,7 +112,7 @@ const DocumentDetails = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("case:documents-doc-type-label")}
:
@@ -134,7 +134,7 @@ const DocumentDetails = (props) => {
"case:summary-no-date-entered-label"
)}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"case:documents-date-published-label"
@@ -152,7 +152,7 @@ const DocumentDetails = (props) => {
)
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("case:documents-size-label")}:
</span>
components/cookieBanner.js
+9 -7
View File
@@ -8,13 +8,13 @@ const CookieBanner = () => {
<CookieConsent
style={{
position: "inherit",
background: "#f3f2f1",
background: "#eeeeee",
display: "block",
}}
containerClasses="app-cookie-banner"
buttonClasses="govuk-button"
buttonClasses="cookies-banner__button"
buttonWrapperClasses="govuk-width-container consentBanner"
declineButtonClasses="govuk-button"
declineButtonClasses="cookies-banner__button"
buttonText={t("common:cookie-banner-accept")}
declineButtonText={t("common:cookie-banner-decline")}
disableStyles={true}
@@ -36,10 +36,10 @@ const CookieBanner = () => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-two-thirds">
<div className="">
<p className="govuk-body">
<p className="cookies-banner__description">
{t("common:cookie-banner-line-1")}
</p>
<ul>
<ul className="cookies-banner__description">
<li>
{" "}
{t(
@@ -47,8 +47,10 @@ const CookieBanner = () => {
)}
</li>
</ul>
<p>{t("common:cookie-banner-line-2")}</p>
<ul>
<p className="cookies-banner__description">
{t("common:cookie-banner-line-2")}
</p>
<ul className="cookies-banner__description">
<li>
{t(
"common:cookie-banner-list-item-2"
components/dns/applications/applicationsList.js
+45 -45
View File
@@ -46,34 +46,34 @@ const ApplicationList = (props) => {
<div className="govuk-grid-column-full">
<dl className="govuk-summary-list govuk-!-margin-bottom-0 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider ">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider ">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-application"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-type"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-status"
)}
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -82,7 +82,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -95,7 +95,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -104,7 +104,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -113,7 +113,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -124,7 +124,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -133,7 +133,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -146,7 +146,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -155,7 +155,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -164,7 +164,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -175,7 +175,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -184,7 +184,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -197,7 +197,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -206,7 +206,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -215,7 +215,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -226,7 +226,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -235,7 +235,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -248,7 +248,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -257,7 +257,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -266,7 +266,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -277,7 +277,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -286,7 +286,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -299,7 +299,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -308,7 +308,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -317,7 +317,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -328,7 +328,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -337,7 +337,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -350,7 +350,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -359,7 +359,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -368,7 +368,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -379,7 +379,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -388,7 +388,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -401,7 +401,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -410,7 +410,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -419,7 +419,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -430,7 +430,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -439,7 +439,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -452,7 +452,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -461,7 +461,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -470,7 +470,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
components/footer.js
+58 -31
View File
@@ -141,42 +141,18 @@ export default function Footer(props) {
>
<li className="govuk-footer__inline-list-item">
<a
href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation"
id="aTermsConds"
href="https://gov.wales/contact-us"
className="govuk-footer__link"
id="aAccess"
target="_blank"
rel="noreferrer"
>
{t(
"common:footer-terms-conditions-link"
)}
Contact us
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://www.gov.uk/government/publications/planning-inspectorate-privacy-notices"
id="aPrivacy"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-privacy-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://www.gov.uk/guidance/appeals-casework-portal-privacy-cookies"
id="aCookies"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-cookies-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation"
href="https://gov.wales/copyright-statement"
className="govuk-footer__link"
id="aAccess"
target="_blank"
@@ -189,12 +165,63 @@ export default function Footer(props) {
</li>
<li className="govuk-footer__inline-list-item">
<a
href="http://www.gov.uk/guidance/feedback"
id="feedback"
href="https://gov.wales/copyright-statement"
className="govuk-footer__link"
id="aAccess"
target="_blank"
rel="noreferrer"
>
{t("common:footer-feedback-link")}
{t("common:footer-copyright-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://gov.wales/help/cookies"
id="aCookies"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-cookies-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://gov.wales/website-privacy-policy"
id="aPrivacy"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-privacy-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://gov.wales/terms-and-conditions"
id="aTermsConds"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t(
"common:footer-terms-conditions-link"
)}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://gov.wales/alternative-languages"
id="aTermsConds"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t(
"common:footer-alternative-languages-link"
)}
</a>
</li>
</ul>
components/header.js
+6 -39
View File
File diff suppressed because one or more lines are too long
components/main.js
+1 -1
View File
@@ -29,7 +29,7 @@ export default function Home({ children, pages }) {
<CaseComment />
<Dns />
<Login />
<Inspectorate />
{/* <Inspectorate /> */}
</div>
</div>
</div>
components/myportal/viewall.js
+12 -12
View File
@@ -20,7 +20,7 @@ const ViewAllResults = (props) => {
Object.keys(resultsArr).map((key, index) => {
resultsRowArr.push(
<div className="govuk-summary-list__row" key={key}>
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<dd className="govuk-summary-list__value govuk-!-font-size-16 govuk-!-padding-left-2">
<Link href={router.locale == "cy" ? "/achos" : "/case"}>
<a
onClick={() => {
@@ -38,7 +38,7 @@ const ViewAllResults = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -47,13 +47,13 @@ const ViewAllResults = (props) => {
<br />
{resultsArr[index].postcode}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr smith
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Authority:</span>
{
resultsArr[index][
@@ -61,7 +61,7 @@ const ViewAllResults = (props) => {
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Case Type:</span>
{
resultsArr[index][
@@ -69,7 +69,7 @@ const ViewAllResults = (props) => {
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Status:</span>
{
resultsArr[index][
@@ -91,22 +91,22 @@ const ViewAllResults = (props) => {
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider govuk-!-padding-left-2">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider govuk-!-padding-left-2">
{t("search:searchresults-case-reference-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-site-address-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-applicant-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-authority-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-case-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-status-label")}
</dd>
</div>
components/search/dnssearchresults.js
+10 -10
View File
@@ -27,20 +27,20 @@ const DNSSearchResults = (props) => {
<div className="govuk-grid-column-full">
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider ">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider ">
{t("search:searchresults-case-reference-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-site-address-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-applicant-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-authority-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-status-label")}
</dd>
</div>
@@ -59,7 +59,7 @@ const DNSSearchResults = (props) => {
className="govuk-summary-list__row"
key={key}
>
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<Link
href={
router.locale == "cy"
@@ -87,7 +87,7 @@ const DNSSearchResults = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-site-address-label"
@@ -129,7 +129,7 @@ const DNSSearchResults = (props) => {
? detailsObj.pinswg_siteaddresspostcode
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-applicant-label"
@@ -144,7 +144,7 @@ const DNSSearchResults = (props) => {
]
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-authority-label"
@@ -168,7 +168,7 @@ const DNSSearchResults = (props) => {
] || "N/A"
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-status-label"
components/search/searchresults.js
+12 -12
View File
@@ -25,22 +25,22 @@ const SearchResults = (props) => {
return (
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider ">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider ">
{t("search:searchresults-case-reference-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-site-address-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-applicant-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-authority-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-case-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-status-label")}
</dd>
</div>
@@ -54,7 +54,7 @@ const SearchResults = (props) => {
return (
<div className="govuk-summary-list__row" key={key}>
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<Link
href={
router.locale == "cy"
@@ -82,7 +82,7 @@ const SearchResults = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-site-address-label"
@@ -109,7 +109,7 @@ const SearchResults = (props) => {
? detailsObj.pinswg_siteaddresspostcode
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-applicant-label")}:
</span>
@@ -121,7 +121,7 @@ const SearchResults = (props) => {
]
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-authority-label")}:
</span>
@@ -142,7 +142,7 @@ const SearchResults = (props) => {
] || "N/A"
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-case-type-label")}:
</span>
@@ -159,7 +159,7 @@ const SearchResults = (props) => {
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || "N/A"}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-status-label")}:
</span>
components/search/viewall.js
+18 -18
View File
@@ -12,7 +12,7 @@ export default function ViewAllResults(props) {
var resultsArr = props.searchResultsObj.searchResultsObj.value || [{}];
const resultRow = Object.keys(resultsArr).map((key, index) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<dd className="govuk-summary-list__value govuk-!-font-size-16 govuk-!-padding-left-2">
<Link href={router.locale == "cy" ? "/achos" : "/case"}>
<a>
<span className="results-visually-hidden">
@@ -22,28 +22,28 @@ export default function ViewAllResults(props) {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Site Address: </span>
23 Martineau Lane
<br /> HASTINGS
<br />
TN35 5DS
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Authority:</span>
Hastings Borough Council{" "}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Case Type:</span>
Planning (W){" "}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Status:</span>
In Progress
</dd>
@@ -59,22 +59,22 @@ export default function ViewAllResults(props) {
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider govuk-!-padding-left-2">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider govuk-!-padding-left-2">
{t("search:searchresults-case-reference-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-site-address-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-applicant-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-authority-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-case-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-status-label")}
</dd>
</div>
@@ -82,7 +82,7 @@ export default function ViewAllResults(props) {
{resultsArr.map((item, key) => {
return (
<div className="govuk-summary-list__row" key={key}>
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<dd className="govuk-summary-list__value govuk-!-font-size-16 govuk-!-padding-left-2">
<Link
href={
router.locale == "cy"
@@ -98,7 +98,7 @@ export default function ViewAllResults(props) {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -107,13 +107,13 @@ export default function ViewAllResults(props) {
<br />
TN35 5DS
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Authority:
</span>
@@ -123,7 +123,7 @@ export default function ViewAllResults(props) {
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Case Type:
</span>
@@ -133,7 +133,7 @@ export default function ViewAllResults(props) {
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Status:
</span>
components/servicebanner.js
+21
View File
@@ -0,0 +1,21 @@
import Link from "next/link";
import useTranslation from "next-translate/useTranslation";
import router from "next/router";
export default function ServiceBanner() {
let { t, lang } = useTranslation();
return (
<div className="servicebanner">
<h1>
<img
src={
router.locale == "cy"
? "/assets/images/planning-casework-cy.svg"
: "/assets/images/planning-casework-en.svg"
}
alt="Planning casework"
/>
</h1>
</div>
);
}