added autocomplete search

This commit is contained in:
2021-08-11 14:28:51 +01:00
parent f293a53755
commit 27a5c0da29
7 changed files with 249 additions and 48 deletions
+41 -7
View File
@@ -1,11 +1,45 @@
function Error({ statusCode }) {
import Link from "next/link";
import Head from "next/head";
import Header from "../components/header";
import Banner from "../components/banner";
import CookieBanner from "../components/cookieBanner";
import useTranslation from "next-translate/useTranslation";
import Footer from "../components/footer";
function Error({ statusCode }, props) {
let { t, lang } = useTranslation();
const { footerLinks, pages } = props;
return (
<p>
An error....
{statusCode
? `An error ${statusCode} occurred on server`
: "An error occurred on client"}
</p>
<div>
<Head>
<title>
{t("case:page-title")} - {t("common:service-name")}
</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container govuk-!-padding-bottom-9">
<main className="govuk-main-wrapper govuk-!-padding-top-9 govuk-!-padding-bottom-9">
<div className="govuk-grid-row">
<div className="govuk-grid-column-two-thirds ">
<h1>Error</h1>
<p className="govuk-body">
{statusCode
? `An error ${statusCode} occurred on server`
: "An error occurred on the client"}
</p>
<Link href="/">
<a>Go back home</a>
</Link>
</div>
</div>
</main>
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
}
+10 -10
View File
@@ -45,7 +45,7 @@ const Home = (props) => {
We are located in The Welsh Government
Building, Cathays Park in Cardiff
</p>
<p>
<p className="govuk-body">
{" "}
The Planning Inspectorate
<br />
@@ -57,7 +57,7 @@ const Home = (props) => {
</p>
</div>
</div>
<div className="govuk-row">
<div className="govuk-row govuk-!-margin-bottom-6">
<div className="map-responsive">
<iframe
width="600"
@@ -72,13 +72,13 @@ const Home = (props) => {
</div>
</div>
<div className="govuk-row">
<p>
<p className="govuk-body">
{" "}
If you are contacting us regarding a Development
of National Significance, please use the
following details:
</p>
<p>
<p className="govuk-body">
Tel: <a href="tel:03034445940">03034 445 940</a>
<br />
E-mail:{" "}
@@ -91,12 +91,12 @@ const Home = (props) => {
@PINSgov
</a>
</p>
<p>
<p className="govuk-body">
Further information about contacting the
Planning Inspectorate customer services can be
viewed on GOV.Wales.
</p>
<p>
<p className="govuk-body">
The Planning Inspectorate gives advice about
applying for a Development of National
Significance or making representations about an
@@ -110,7 +110,7 @@ const Home = (props) => {
the information any longer than is necessary.
See our Privacy notice on GOV.UK.
</p>
<p>
<p className="govuk-body">
You should note that we have a policy commitment
to openness and transparency and you should not
provide us with confidential or commercial
@@ -118,7 +118,7 @@ const Home = (props) => {
the public domain.
</p>
<h3>Feedback and complaints</h3>
<p>
<p className="govuk-body">
The Planning Inspectorate aims to provide the
best possible service for its customers. We try
hard to ensure that everyone is satisfied with
@@ -130,11 +130,11 @@ const Home = (props) => {
contact details are on GOV.Wales.
</p>
<h3>Press and media</h3>
<p>
<p className="govuk-body">
If you are a journalist please contact our press
office directly:{" "}
</p>
<p>
<p className="govuk-body">
Telephone:{" "}
<a href="tel:03034445004">0303 444 5004</a> or{" "}
<a href="tel:03034445005">0303 444 5005</a>{" "}
+19 -15
View File
@@ -20,23 +20,27 @@ const Home = (props) => {
const router = useRouter();
const { locale } = router;
return (
<div>
<Head>
<title>Developments of National Significance</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Main />
try {
return (
<div>
<Head>
<title>Developments of National Significance</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Main />
</div>
<Footer footerLinks={footerLinks} />
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
);
} catch (e) {
console.log(e);
return <h1>oooops</h1>;
}
};
export default Home; //connect(mapStateToProps)(Home);