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/applicationTabsTimeline.js
+145
View File
@@ -0,0 +1,145 @@
import Link from "next/link";
import { useRouter } from "next/router";
import { useContext } from "react";
import useTranslation from "next-translate/useTranslation";
const ApplicationTabsTimeLine = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h3>Transport & Works Act</h3>
<p className="govuk-body-s">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer in malesuada ligula, sit amet placerat enim.
Suspendisse porta velit auctor enim pretium, et interdum
lectus mollis. Fusce et consectetur nisl. Donec viverra
lectus massa, nec tincidunt orci euismod vel.
</p>
</div>
</div>
<div className="govuk-grid-row ">
<div className="govuk-grid-column-full ">
<div className="results">
<h3>Timeline</h3>
<div className="govuk-timeline-list__row">
<span
className="govuk-warning-text__icon"
aria-hidden="true"
>
i
</span>
<p className="govuk-body-s govuk-timeline-text__text">
The Inspector’s report into the above has now
been formally submitted to the Welsh Government
for consideration.
</p>
<p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
05 October 2020
</p>
</div>
<div className="govuk-timeline-list__row">
<span
className="govuk-warning-text__icon"
aria-hidden="true"
>
i
</span>
<p className="govuk-body-s govuk-timeline-text__text">
The Procedure for this Transport and Works Act
Application was formally determined, on the
07/08/2020, as an Inquiry. <br />
<br />
Statements of Case from the Applicant, each
Statutory Objector and each other person or body
who have indicated that they wish to provide
oral evidence at the Inquiry are required by
18/09/2020.
</p>
<p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
05 October 2020
</p>
</div>
<div className="govuk-timeline-list__row">
<span
className="govuk-warning-text__icon"
aria-hidden="true"
>
i
</span>
<p className="govuk-body-s govuk-timeline-text__text">
The Inspector’s report into the above has now
been formally submitted to the Welsh Government
for consideration.
</p>
<p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
05 October 2020
</p>
</div>
<div className="govuk-timeline-list__row">
<span
className="govuk-warning-text__icon"
aria-hidden="true"
>
i
</span>
<p className="govuk-body-s govuk-timeline-text__text">
The Inspector’s report into the above has now
been formally submitted to the Welsh Government
for consideration.
</p>
<p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
05 October 2020
</p>
</div>
<div className="govuk-timeline-list__row">
<span
className="govuk-warning-text__icon"
aria-hidden="true"
>
i
</span>
<p className="govuk-body-s govuk-timeline-text__text">
The Procedure for this Transport and Works Act
Application was formally determined, on the
07/08/2020, as an Inquiry. <br />
<br />
Statements of Case from the Applicant, each
Statutory Objector and each other person or body
who have indicated that they wish to provide
oral evidence at the Inquiry are required by
18/09/2020.
</p>
<p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
05 October 2020
</p>
</div>
<div className="govuk-timeline-list__row">
<span
className="govuk-warning-text__icon"
aria-hidden="true"
>
i
</span>
<p className="govuk-body-s govuk-timeline-text__text">
The Inspector’s report into the above has now
been formally submitted to the Welsh Government
for consideration.
</p>
<p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
05 October 2020
</p>
</div>
</div>
</div>
</div>
</>
);
};
export default ApplicationTabsTimeLine;