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

added dns record view with tabs

Browse Source
This commit is contained in:
robbond
2021-08-10 17:17:39 +01:00
parent 259d1e0d88
commit b96aa3acbe
23 changed files with 1497 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dns/applications/applicationSideBar.js
+106
View File
@@ -0,0 +1,106 @@
import Link from "next/link";
import { useRouter } from "next/router";
import { useContext } from "react";
import useTranslation from "next-translate/useTranslation";
const ApplicationSideBar = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h3 className="govuk-heading-s">About this application</h3>
<p className="govuk-body-s">
The Project will provide a consented area for the
installation and commercial demonstration of multiple
arrays of tidal energy devices, to a maximum installed
capacity of 240 Megawatts (MW).
</p>
</div>
</div>
<hr className="govuk-section-break govuk-section-break--m govuk-section-break--visible" />
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h3 className="govuk-heading-s">Application location</h3>
<div className="map-responsive ">
<iframe
width="600"
height="500"
id="gmap_canvas"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d906124.6839968044!2d-4.849068013831224!3d52.39943863518503!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x486434b66c1c0fed%3A0x1ebb71bc8aa5e8a2!2sWales!5e0!3m2!1sen!2suk!4v1628587620670!5m2!1sen!2suk"
frameBorder="0"
scrolling="no"
marginHeight="0"
marginWidth="0"
></iframe>
</div>
<p className="govuk-body-s govuk-!-margin-top-3">
The location shown on the map is approximate at this
stage
</p>
</div>
</div>
<hr className="govuk-section-break govuk-section-break--m govuk-section-break--visible" />
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h3 className="govuk-heading-s">Contact Information</h3>
<p className="govuk-body-s">
Planning Inspectorate case team:
<br />
<a
className="longLinkBreak"
href="mailto:TWA.morlaistidalarray@planninginspectorate.gov.uk"
>
TWA.morlaistidalarray@planninginspectorate.gov.uk
</a>
</p>
<p className="govuk-body-s">
Tel: <a href="tel:03034445940">0303 444 5940</a>
</p>
<p className="govuk-body-s">
Developer: <br />
Graham Morley
<br />
Tel: +44 (0) 1248 725 713
</p>
</div>
</div>
<hr className="govuk-section-break govuk-section-break--m govuk-section-break--visible" />
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h3 className="govuk-heading-s">Email updates</h3>
<p className="govuk-body-s govuk-!-margin-bottom-0">
Sign up using email address to receive updates about
this application
</p>
<form>
<div className="govuk-form-group govuk-!-margin-bottom-2">
<br />
<input
className="govuk-input govuk-input--width-10 "
id="event-name"
name="event-name"
type="text"
placeholder="Email address"
/>
</div>
<div className="govuk-form-group govuk-!-margin-top-0 govuk-!-margin-bottom-0">
<button
className="govuk-button "
data-module="govuk-button"
>
Sign up
</button>
</div>
</form>
</div>
</div>
</>
);
};
export default ApplicationSideBar;