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

added dns pages and representation flow

Browse Source
This commit is contained in:
robbond
2021-08-10 08:13:57 +01:00
parent f13493ac46
commit 8254cbdeb7
29 changed files with 3373 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dns/homepage/applicationsForComment.js
+26
View File
@@ -0,0 +1,26 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const ApplicationsForComment = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="govuk-panel govuk-grid-column-one-third govuk-panel--open-for-comments">
<h2 className="govuk-heading-m">Applications open for comments</h2>
<div className="govuk-panel__body">
<ul className="govuk-list">
<li>
<a className="govuk-body-s " href="">
Holyhead Harbour Revision Order
</a>
</li>
</ul>
</div>
</div>
);
};
export default ApplicationsForComment;
components/dns/homepage/dnsLinks.js
+78
View File
@@ -0,0 +1,78 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const DNSLinks = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="govuk-grid-column-two-thirds govuk-panel--dns-links govuk-!-padding-top-5">
<div className="govuk-grid-column-one-half">
<ul className="govuk-list">
<li>
<h3 className="govuk-heading-l govuk-!-font-size-27">
<Link href="/dns/applications">
<a className="govuk-link govuk-link--no-underline">
Applications
</a>
</Link>
<p className="govuk-body-s govuk-!-padding-top-2">
A list of all the Developments of National
Significance that have already been submitted
and those we are expecting to be submitted.
</p>
</h3>
</li>
<li>
<h3 className="govuk-heading-l govuk-!-font-size-27">
<Link href="/dns/help">
<a className="govuk-link govuk-link--no-underline">
Help
</a>
</Link>
<p className="govuk-body-s govuk-!-padding-top-2">
Information about this website.
</p>
</h3>
</li>
</ul>
</div>
<div className="govuk-grid-column-one-half">
<ul className="govuk-list">
<li>
<h3 className="govuk-heading-l govuk-!-font-size-27">
<Link href="/dns/application-process">
<a className="govuk-link govuk-link--no-underline ">
Guidance
</a>
</Link>
<p className="govuk-body-s govuk-!-padding-top-2">
An overview and detailed guidance on the
Developments of National Significance
application process
</p>
</h3>
</li>
<li>
<h3 className="govuk-heading-l govuk-!-font-size-27">
<a
className="govuk-link govuk-link--no-underline"
href="#"
>
Contact us{" "}
</a>
<p className="govuk-body-s govuk-!-padding-top-2">
How to get in touch with The Planning
Inspectorate.
</p>
</h3>
</li>
</ul>
</div>
</div>
);
};
export default DNSLinks;
components/dns/homepage/latestApplications.js
+35
View File
@@ -0,0 +1,35 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const LatestApplications = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="govuk-panel govuk-grid-column-one-third govuk-panel--latest">
<h2 className="govuk-heading-m">Latest Applications</h2>
<div className="govuk-panel__body">
<ul className="govuk-list">
<li className="govuk-body-s ">
<a href="">Brynrhyd Solar Farm</a>
</li>
<li className="govuk-body-s ">
<a href="">Brynrhyd Solar Farm</a>
</li>
<li className="govuk-body-s ">
<a href="">Brynrhyd Solar Farm</a>
</li>
<li className="govuk-body-s ">
<a href="">Brynrhyd Solar Farm</a>
</li>
</ul>
</div>
</div>
);
};
export default LatestApplications;
components/dns/homepage/titleContent.js
+43
View File
@@ -0,0 +1,43 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const TitleContent = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="govuk-panel govuk-grid-column-two-thirds govuk-panel--header">
<h1 className="govuk-panel__title">
Developments of National Significance
</h1>
<div className="govuk-panel__body">
<p className="govuk-body-s">
A Development of National Significance (DNS) is a type of
planning application for a large infrastructure project of
national importance in Wales. Here you can find out about
proposed DNS applications. This site is managed by the
Planning Inspectorate.
</p>
</div>
<div className="govuk-form-group govuk-!-margin-bottom-0">
<input
className="govuk-input govuk-!-width-one-half"
id="one-third"
name="one-third"
type="text"
placeholder="Search application name"
/>
<button
className="govuk-button govuk-!-margin-bottom-0"
data-module="govuk-button"
>
Search
</button>
</div>
</div>
);
};
export default TitleContent;