pagination for documents seo head meta refactor

pages/dnsapplications.js

@@ -16,6 +16,8 @@ import useTranslation from "next-translate/useTranslation";
 import jsonpath from "jsonpath";
 import data from "../data/collections.json";
 
+import { getSearchDetails } from "../components/utils";
+
 import { setSearch, getSearchObj } from "../store/search/action";
 import {
     setSearchResults,
@@ -42,6 +44,67 @@ const Home = (props) => {
                 <title>
                     {t("search:page-title")} - {t("common:service-name")}
                 </title>
+                <>
+                    <link
+                        rel="canonical"
+                        href={t("common:gov-wales-link") + router.asPath}
+                    />
+                    <meta
+                        key="og:locale"
+                        property="og:locale"
+                        content={router.locale}
+                    />
+                    {/* If they have a Twitter Handle, include the meta details below */}
+                    <meta
+                        key="og:site_name"
+                        property="og:site_name"
+                        content={t("common:service-name")}
+                    />
+                    <meta
+                        key="twitter:site"
+                        property="twitter:site"
+                        content="@UKGovWales"
+                    />
+
+                    <meta
+                        name="description"
+                        content={t("common:service-description")}
+                    />
+                    <meta
+                        property="og:site_name"
+                        content={t("common:gov-wales-label")}
+                    />
+                    <meta
+                        property="og:title"
+                        content={t("search:page-title")}
+                    />
+                    <meta
+                        property="og:description"
+                        content={t("common:service-description")}
+                    />
+                    <meta property="og:type" content="website" />
+                    <meta
+                        property="og:url"
+                        content={t("common:gov-wales-link")}
+                    />
+                    <meta
+                        property="og:image"
+                        content="https://gov.wales/themes/custom/govwales/images/content/og-global-1200.png"
+                    />
+                    <meta name="twitter:card" content="summary" />
+                    <meta
+                        name="twitter:title"
+                        content={t("common:gov-wales-label")}
+                    />
+                    <meta
+                        name="twitter:url"
+                        content={t("common:gov-wales-link") + router.asPath}
+                    />
+                    <meta
+                        name="twitter:image"
+                        content="https://gov.wales/themes/custom/govwales/images/content/og-global-120.png"
+                    />
+                </>
             </Head>
             <div id="page_wrapper">
                 <CookieBanner />
@@ -87,49 +150,6 @@ export const getServerSideProps = wrapper.getServerSideProps(
         }
 );
 
-const getFormCollection = (formtype) => {
-    const collectionName = jsonpath.query(
-        data,
-        "$..[?(@.LogicalName=='" + formtype + "')]"
-    );
-    //console.log(collectionName[0]);
-    return collectionName[0];
-};
-
-const getSearchDetails = (token, searchResultsObj) => {
-    //console.log(searchResultsObj);
-
-    let detailsArr = [];
-    searchResultsObj = searchResultsObj.value;
-    const detailsObj = searchResultsObj.map((searchDetail, index) => {
-        if (searchDetail.pinswg_appealcasetype == null) {
-            console.log(searchDetail.title);
-        } else {
-            let formMeta = getFormCollection(
-                "pinswg_" +
-                    searchDetail[
-                        "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
-                    ]
-                        .replace(/(\band|[\s\-\+\(\)\,\&])/g, "")
-                        .toLowerCase()
-                        .slice(0, 39)
-            );
-
-            detailsArr.push(
-                getBasicSearchDetails(
-                    token,
-                    formMeta.LogicalCollectionName,
-                    searchDetail.title,
-                    formMeta.PrimaryIdAttribute,
-                    searchDetail.incidentid
-                )
-            );
-        }
-    });
-    //console.log(detailsArr);
-    return Promise.all(detailsArr);
-};
-
 const mapStateToProps = (state) => {
     return {
         currentView: state.currentView,