updated dns and create case queries

components/homepage/dns.js

@@ -0,0 +1,30 @@
+import Link from "next/link";
+import { useState } from "react";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function Dns() {
+    let { t } = useTranslation();
+    return (
+        <div className="card" id="casesearch-card">
+            <div className="card-body">
+                <h3 className="heading-small card-heading">
+                    Developments of National Significance
+                </h3>
+                <div className="govuk-form-group">
+                    <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.
+                    </p>
+                </div>
+                <div className="govuk-form-group">
+                    <button type="submit" className="govuk-button">
+                        View all Applications
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}

components/main.js

@@ -2,35 +2,35 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import { useContext } from "react";
 import useTranslation from "next-translate/useTranslation";
-import Login from "./homepage/login"; 
-import CaseSearch from "./homepage/casesearch"; 
-import Inspectorate from "./homepage/inspectorate"; 
-import CaseComment from "./homepage/casecomment"; 
-
+import Login from "./homepage/login";
+import CaseSearch from "./homepage/casesearch";
+import Inspectorate from "./homepage/inspectorate";
+import CaseComment from "./homepage/casecomment";
+import Dns from "./homepage/dns";
 
 export default function Home({ children, pages }) {
-  let { t } = useTranslation();
+    let { t } = useTranslation();
 
-  const router = useRouter();
-  const { locale } = router;
+    const router = useRouter();
+    const { locale } = router;
 
-  return (
-    <main
-      className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
-      id="main-content"
-      role="main"
-    >
-      <div className="govuk-grid-row">
-        <div className="govuk-grid-column-full">
-
-          <div className="flex-container grid-row govuk-body ">
-            <Login />
-            <CaseSearch/>
-            <CaseComment/>
-            <Inspectorate/>
-          </div>
-        </div>
-      </div>
-    </main>
-  );
+    return (
+        <main
+            className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
+            id="main-content"
+            role="main"
+        >
+            <div className="govuk-grid-row">
+                <div className="govuk-grid-column-full">
+                    <div className="flex-container grid-row govuk-body ">
+                        <Login />
+                        <CaseSearch />
+                        <CaseComment />
+                        <Dns />
+                        <Inspectorate />
+                    </div>
+                </div>
+            </div>
+        </main>
+    );
 }

components/myportal/topthree.js

@@ -32,12 +32,13 @@ const TopThree = (props) => {
                                     onClick={() => {
                                         setCurrentReference({
                                             "currentReference":
-                                                showTopThree.value[i].reference,
+                                                showTopThree.value[i]
+                                                    .ticketnumber,
                                             "currentType": topThreeType,
                                         });
                                     }}
                                 >
-                                    {showTopThree.value[i].reference}
+                                    {showTopThree.value[i].ticketnumber}
                                 </a>
                             </Link>
                         </div>

components/myportal/viewall.js

@@ -34,7 +34,7 @@ const ViewAllResults = (props) => {
                             <span className="results-visually-hidden">
                                 Case Reference:
                             </span>
-                            {resultsArr[index].reference}
+                            {resultsArr[index].ticketnumber}
                         </a>
                     </Link>
                 </dd>
@@ -51,11 +51,15 @@ const ViewAllResults = (props) => {
                     <span className="results-visually-hidden">
                         Appellant/Applicant:
                     </span>
-                    {resultsArr[index].appellantApplicant}
+                    Mr smith
                 </dd>
                 <dd className="govuk-summary-list__value govuk-!-font-size-14">
                     <span className="results-visually-hidden">Authority:</span>
-                    {resultsArr[index].lpaname}
+                    {
+                        resultsArr[index][
+                            "_customerid_value@OData.Community.Display.V1.FormattedValue"
+                        ]
+                    }
                 </dd>
                 <dd className="govuk-summary-list__value govuk-!-font-size-14">
                     <span className="results-visually-hidden">Case Type:</span>