added dns landing page and others

This commit is contained in:
2021-08-09 16:34:04 +01:00
parent aa0ccef280
commit edb3a06076
15 changed files with 1300 additions and 5 deletions
+153
View File
@@ -0,0 +1,153 @@
import _ from "lodash";
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 Breadcrumbs from "../../components/breadcrumbs";
import Footer from "../../components/footer";
import Errorpage from "../../components/errorpage";
import styles from "../../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import Main from "../../components/dns//main";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
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 />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<div className="govuk-row">
<h1>Guidance</h1>
<p>
Applications for Developments of National
Significance (DNS) projects are dealt with by
the Planning Inspectorate on behalf of Welsh
Government.
</p>
<p>
A DNS is a type of planning application for a
large infrastructure project of national
importance for example, a wind farm, power
station or reservoir.
</p>
<p>
A DNS differs from a normal planning application
in the way that it is decided. Instead of your
Local Planning Authority making the decision, an
Inspector examines the application and makes a
recommendation to the Welsh Minister based on
planning merits and national priorities. The
Minister then decides whether or not to grant
permission.
</p>
</div>
<div className="govuk-row">
<h2>About the process</h2>
<p>
The DNS process is designed to encourage the
applicants on such a scheme to undertake early
engagement with:
</p>
<ul className="govuk-list govuk-list--bullet">
<li>the relevant Local Planning Authority,</li>
<li>local communities,</li>
<li>statutory consultees and</li>
<li>other stakeholders.</li>
</ul>
<p>
Anyone considering a DNS project should contact
the Planning Inspectorate as soon as possible
after a site has been chosen. This will ensure
that as much work can be done to reduce
objections to a scheme as possible before
submission. This in turn allows the formal
application process to be streamlined.
</p>
</div>
<div className="govuk-row">
<h2>Information and guidance</h2>
<p>
There is a{" "}
<a href="https://gov.wales/developments-national-significance-dns-guidance">
suite of detailed Guidance for the DNS
process
</a>{" "}
on the Welsh Government site. The{" "}
<a href="https://gov.wales/developments-national-significance-dns-engaging-process">
DNS Guide for Communities
</a>{" "}
has been written with community groups or
interested parties who are not familiar with the
DNS process in mind.
</p>
</div>
<div className="govuk-row">
<h2>Forms</h2>
<p>
Applicants who wish to submit a request for
Pre-Application Advice, submit formal
notification of intention to submit a DNS
application or submit an application should
contact the Planning Inspectorate:
</p>
<p>
e-mail:{" "}
<a href="mailto:dns.wales@planninginspectorate.gov.uk">
dns.wales@planninginspectorate.gov.uk
</a>
</p>
<p>Telephone: 0303 444 5958</p>
<p>
Interested parties who wish to make a
Representation on a DNS project that has been
formally accepted by the Planning Inspectorate
can use the Representation form and submit it
via e-mail using the relevant reference number.
</p>
<p>
We strongly encourage you to discuss your
application with us in advance of submitting any
of our forms, so that we can ensure that the
resources necessary are in place and
arrangements for the invoicing of fees are in
place. If you do not provide advance notice,
this may delay the handling of your request or
the provision of our advice.
</p>
</div>
</main>
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
export default Home; //connect(mapStateToProps)(Home);
+77
View File
@@ -0,0 +1,77 @@
import _ from "lodash";
import Head from "next/head";
import Header from "../../components/header";
import Banner from "../../components/banner";
import CookieBanner from "../../components/cookieBanner";
import Breadcrumbs from "../../components/breadcrumbs";
import SearchResults from "../../components/searchresults";
import Footer from "../../components/footer";
import Errorpage from "../../components/errorpage";
import styles from "../../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import ApplicationIntro from "../../components/dns/applications/applicationsIntro";
import ApplicationList from "../../components/dns/applications/applicationsList";
const Applications = (props) => {
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
return (
<div>
<Head>
<title>
{" "}
Applications - Developments of National Significance
</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<ApplicationIntro />
<ApplicationList />
</main>
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
export const getServerSideProps = wrapper.getServerSideProps(
(store) =>
async ({ query, req, res }) => {
console.log("query-", query);
// const searchResultsObj = (await getBasicSearch(query.q)) || null;
// store.dispatch(setSearchResults(searchResultsObj));
//store.dispatch(setSearch(query.q));
}
);
const mapStateToProps = (state) => {
return {
currentView: state.currentView,
search: state.search,
searchResultsObj: state.searchResultsObj,
formData: state.formData,
appealType: state.appealType,
form: state.form,
myCases: state.myCases,
watchedCases: state.watchedCases,
myRepresentations: state.myRepresentations,
awaitingSubmission: state.awaitingSubmission,
};
};
export default connect(mapStateToProps)(Applications);
+130
View File
@@ -0,0 +1,130 @@
import _ from "lodash";
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 Breadcrumbs from "../../components/breadcrumbs";
import Footer from "../../components/footer";
import Errorpage from "../../components/errorpage";
import styles from "../../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import Main from "../../components/dns/main";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
return (
<div>
<Head>
<title>
Contact us - Developments of National Significance
</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<div className="govuk-grid-row">
<div className="govuk-grid-column-two-thirds">
<h1 className="govuk-heading-l">Contact us</h1>
<p className="govuk-body">
We are located in The Welsh Government
Building, Cathays Park in Cardiff
</p>
<p>
{" "}
The Planning Inspectorate
<br />
Crown Buildings <br />
Welsh Government <br />
Cathays Park
<br /> Cardiff <br />
CF10 3NQ
</p>
</div>
</div>
<div className="govuk-row">
<p>
{" "}
If you are contacting us regarding a Development
of National Significance, please use the
following details:
</p>
<p>
Tel: 03034 445 940
<br />
E-mail: dns.wales@planninginspectorate.gov.uk
<br />
Follow us on Twitter @PINSgov
</p>
<p>
Further information about contacting the
Planning Inspectorate customer services can be
viewed on GOV.Wales.
</p>
<p>
The Planning Inspectorate gives advice about
applying for a Development of National
Significance or making representations about an
application (or a proposed application) although
you should note that any advice given does not
constitute legal advice upon which you can rely
and you should obtain your own legal advice and
professional advice as required. We will protect
the privacy of any personal information which
you choose to share with us and we will not hold
the information any longer than is necessary.
See our Privacy notice on GOV.UK.
</p>
<p>
You should note that we have a policy commitment
to openness and transparency and you should not
provide us with confidential or commercial
information which you do not wish to be put in
the public domain.
</p>
<h3>Feedback and complaints</h3>
<p>
The Planning Inspectorate aims to provide the
best possible service for its customers. We try
hard to ensure that everyone is satisfied with
the service they receive. It is inevitable that
there will sometimes be concerns about the
Examination process or the appointed inspectors
final report. We will carefully consider and
respond to any matters that you wish to raise:
contact details are on GOV.Wales.
</p>
<h3>Press and media</h3>
<p>
If you are a journalist please contact our press
office directly:{" "}
</p>
<p>
Telephone: 0303 444 5004 or 0303 444 5005 <br />
Email: press.office@planninginspectorate.gov.uk
</p>
</div>
</main>
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
export default Home; //connect(mapStateToProps)(Home);
+125
View File
@@ -0,0 +1,125 @@
import _ from "lodash";
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 Breadcrumbs from "../../components/breadcrumbs";
import Footer from "../../components/footer";
import Errorpage from "../../components/errorpage";
import styles from "../../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import Main from "../../components/dns/main";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
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 />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<div className="govuk-row">
<h1>Help</h1>
<p>
Welcome to the website help page. This section
contains the following:
</p>
<h2 className="govuk-heading-s">
<Link href="#">
<a className="govuk-link">Accessibility</a>
</Link>
</h2>
<p>
For information about accessing the website and
help using the site.
</p>
<h2 className="govuk-heading-s">
<Link href="#">
<a className="govuk-link">
Terms and conditions
</a>
</Link>
</h2>
<p>
Outlines the terms and conditions of using the
site.
</p>
<h2 className="govuk-heading-s">
<Link href="#">
<a className="govuk-link">Cookies</a>
</Link>
</h2>
<p>
Provides information on cookies and how the
website uses them.
</p>
<h2 className="govuk-heading-s">
<Link href="#">
<a className="govuk-link">Privacy</a>
</Link>
</h2>
<p>View our Privacy Notice on GOV.UK.</p>
<h2 className="govuk-heading-s">
<Link href="#">
<a className="govuk-link">Welsh language</a>
</Link>
</h2>
<p>
Our commitment to providing information in Welsh
under the Planning Inspectorate Welsh Language
Scheme.
</p>
<h2 className="govuk-heading-s">
<Link href="#">
<a className="govuk-link">Sitemap</a>
</Link>
</h2>
<p>
A view of all the pages within the site and the
heirarchy of the site.
</p>
<h2 className="govuk-heading-s">
<Link href="#">
<a className="govuk-link">Useful links</a>
</Link>
</h2>
<p>
Links to other related websites and documents.
</p>
<h2 className="govuk-heading-s">
<Link href="#">
<a className="govuk-link">Contact</a>
</Link>
</h2>
<p>
Find out contact details for the Planning
Inspectorate.
</p>
</div>
</main>{" "}
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
export default Home; //connect(mapStateToProps)(Home);
+42
View File
@@ -0,0 +1,42 @@
import _ from "lodash";
import Head from "next/head";
import Header from "../../components/header";
import Banner from "../../components/banner";
import CookieBanner from "../../components/cookieBanner";
import Breadcrumbs from "../../components/breadcrumbs";
import Footer from "../../components/footer";
import Errorpage from "../../components/errorpage";
import styles from "../../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import Main from "../../components/dns//main";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
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 />
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
export default Home; //connect(mapStateToProps)(Home);