added dns record view with tabs

2021-08-10 17:17:39 +01:00
parent 259d1e0d88
commit b96aa3acbe
23 changed files with 1497 additions and 115 deletions
@@ -22,7 +22,7 @@ class MyDocument extends Document {
        return (
            <Html lang="en">
                <Head />
-                <body>
+                <body className="js-enabled">
                    {!process.browser && (
                        <script>
                            window.apiRoot = `{process.env.API_ROOT}`
@@ -0,0 +1,81 @@
+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 ApplicationTabs from "../../components/dns/applications/applicationTabs";
+import ApplicationSummary from "../../components/dns/applications/applicationSummary";
+
+const ApplicationView = (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">
+                        <ApplicationSummary />
+                        <div className="govuk-grid-row">
+                            <div className="govuk-grid-column-full">
+                                <ApplicationTabs />
+                            </div>
+                        </div>
+                    </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)(ApplicationView);
@@ -57,6 +57,20 @@ const Home = (props) => {
                                </p>
                            </div>
                        </div>
+                        <div className="govuk-row">
+                            <div className="map-responsive">
+                                <iframe
+                                    width="600"
+                                    height="500"
+                                    id="gmap_canvas"
+                                    src="https://maps.google.com/maps?q=CF10%203NQ&t=&z=17&ie=UTF8&iwloc=&output=embed"
+                                    frameBorder="0"
+                                    scrolling="no"
+                                    marginHeight="0"
+                                    marginWidth="0"
+                                ></iframe>
+                            </div>
+                        </div>
                        <div className="govuk-row">
                            <p>
                                {" "}
@@ -65,11 +79,17 @@ const Home = (props) => {
                                following details:
                            </p>
                            <p>
-                                Tel: 03034 445 940
+                                Tel: <a href="tel:03034445940">03034 445 940</a>
                                <br />
-                                E-mail: dns.wales@planninginspectorate.gov.uk
+                                E-mail:{" "}
+                                <a href="mailto:dns.wales@planninginspectorate.gov.uk">
+                                    dns.wales@planninginspectorate.gov.uk
+                                </a>
                                <br />
-                                Follow us on Twitter @PINSgov
+                                Follow us on Twitter{" "}
+                                <a href="https://twitter.com/pinsgov">
+                                    @PINSgov
+                                </a>
                            </p>
                            <p>
                                Further information about contacting the
@@ -115,8 +135,14 @@ const Home = (props) => {
                                office directly:{" "}
                            </p>
                            <p>
-                                Telephone: 0303 444 5004 or 0303 444 5005 <br />
-                                Email: press.office@planninginspectorate.gov.uk
+                                Telephone:{" "}
+                                <a href="tel:03034445004">0303 444 5004</a> or{" "}
+                                <a href="tel:03034445005">0303 444 5005</a>{" "}
+                                <br />
+                                Email:{" "}
+                                <a href="mailto:press.office@planninginspectorate.gov.uk">
+                                    press.office@planninginspectorate.gov.uk
+                                </a>
                            </p>
                        </div>
                    </main>