add cookie consent manger & updated cookie banner

pages/account/changepassword.js

@@ -9,7 +9,7 @@ import Footer from "../../components/footer";
 
 import { useSelector, shallowEqual, connect } from "react-redux";
 import { wrapper } from "../../store/store";
-import Cookies from "cookies";
+
 import { useRouter } from "next/router";
 import { useState } from "react";
 import useTranslation from "next-translate/useTranslation";

pages/account/forgottenpassword.js

@@ -9,7 +9,7 @@ import Footer from "../../components/footer";
 
 import { useSelector, shallowEqual, connect } from "react-redux";
 import { wrapper } from "../../store/store";
-import Cookies from "cookies";
+
 import { useRouter } from "next/router";
 import { useState } from "react";
 import useTranslation from "next-translate/useTranslation";

pages/account/forgottenuser.js

@@ -9,7 +9,7 @@ import Footer from "../../components/footer";
 
 import { useSelector, shallowEqual, connect } from "react-redux";
 import { wrapper } from "../../store/store";
-import Cookies from "cookies";
+
 import { useRouter } from "next/router";
 import { useState } from "react";
 import useTranslation from "next-translate/useTranslation";

pages/account/personaldetails.js

@@ -9,7 +9,7 @@ import Footer from "../../components/footer";
 
 import { useSelector, shallowEqual, connect } from "react-redux";
 import { wrapper } from "../../store/store";
-import Cookies from "cookies";
+
 import { useRouter } from "next/router";
 import { useState } from "react";
 import useTranslation from "next-translate/useTranslation";

pages/account/register.js

@@ -9,7 +9,7 @@ import Footer from "../../components/footer";
 
 import { useSelector, shallowEqual, connect } from "react-redux";
 import { wrapper } from "../../store/store";
-import Cookies from "cookies";
+
 import { useRouter } from "next/router";
 import { useState } from "react";
 import useTranslation from "next-translate/useTranslation";

pages/advancedsearch.js

@@ -11,7 +11,7 @@ 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 CRMError from "../components/crmError";

pages/advancedsearchresults.js

@@ -10,7 +10,7 @@ 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 jsonpath from "jsonpath";

pages/case.js

@@ -10,7 +10,7 @@ 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 Case from "../components/case";

pages/dns/application-process.js

@@ -10,7 +10,7 @@ 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 Main from "../../components/dns//main";

pages/dns/application-view.js

@@ -10,7 +10,7 @@ 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";

pages/dns/applications.js

@@ -10,7 +10,7 @@ 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 ApplicationIntro from "../../components/dns/applications/applicationsIntro";

pages/dns/contact-us.js

@@ -10,7 +10,7 @@ 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 Main from "../../components/dns/main";

pages/dns/help.js

@@ -10,7 +10,7 @@ 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 Main from "../../components/dns/main";

pages/dns/index.js

@@ -9,7 +9,7 @@ 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 Main from "../../components/dns//main";

pages/dnsapplications.js

@@ -10,7 +10,7 @@ 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 jsonpath from "jsonpath";

pages/dnsdetails.js

@@ -10,7 +10,7 @@ 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 Case from "../components/case";

pages/help/cookies.js

@@ -0,0 +1,43 @@
+import _ from "lodash";
+import Head from "next/head";
+import Header from "../../components/header";
+import ServiceBanner from "../../components/servicebanner";
+import CookieBanner from "../../components/cookieBanner";
+import Breadcrumbs from "../../components/breadcrumbs";
+import Footer from "../../components/footer";
+import { wrapper } from "../../store/store";
+import Errorpage from "../../components/errorpage";
+import styles from "../../styles/Home.module.css";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import CookieManagementMain from "../../components/cookiemanager";
+import { setCookieConsent } from "../../store/accountDetails/action";
+import { connect } from "react-redux";
+import cookiemanager from "../../components/cookiemanager";
+
+const CookieManagement = (props) => {
+    const { footerLinks, pages } = props;
+    let { t, lang } = useTranslation();
+
+    const router = useRouter();
+    const { locale } = router;
+
+    return (
+        <div>
+            <Head>
+                <title>{t("common:service-name")}</title>
+            </Head>
+            <div id="page_wrapper">
+                <CookieBanner />
+                <Header courseName="Appeals Casework Portal" />
+                <div className="govuk-width-container">
+                    <Breadcrumbs />
+                    <CookieManagementMain />
+                </div>
+                <Footer footerLinks={footerLinks} />
+            </div>
+        </div>
+    );
+};
+
+export default CookieManagement;

pages/index.js

@@ -10,7 +10,6 @@ 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 { getIncidents } from "../actions";

pages/myportal/advancedsearch.js

@@ -11,7 +11,7 @@ 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 CRMError from "../../components/crmError";

pages/myportal/advancedsearchresults.js

@@ -10,7 +10,7 @@ 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 jsonpath from "jsonpath";

pages/myportal/case.js

@@ -10,7 +10,7 @@ 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 Case from "../../components/case";

pages/myportal/index.js

@@ -1,5 +1,5 @@
 import _ from "lodash";
-import Cookies from "cookies";
+
 import jsonpath from "jsonpath";
 import Head from "next/head";
 import Header from "../../components/header";
@@ -104,13 +104,13 @@ export const getServerSideProps = wrapper.getServerSideProps(
                 await getAwaitingSubmission(token),
             ]);
 
-        const cookiesMaker = new Cookies(req, res);
+        // const cookiesMaker = new Cookies(req, res);
 
-        cookiesMaker.set("pinsUser", query.q, {
-            httpOnly: true, // true by default
-        });
+        // cookiesMaker.set("pinsUser", query.q, {
+        //     httpOnly: true, // true by default
+        // });
 
-        console.log(" from cookie ", cookiesMaker.get("pinsUser"));
+        // console.log(" from cookie ", cookiesMaker.get("pinsUser"));
         console.log(myCases);
 
         const [

pages/myportal/searchresults.js

@@ -10,7 +10,7 @@ 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 jsonpath from "jsonpath";

pages/myportal/viewall.js

@@ -10,7 +10,7 @@ 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";
 

pages/newappeal/[appealtypes].js

@@ -9,7 +9,7 @@ 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 jsonpath from "jsonpath";

pages/newappeal/index.js

@@ -10,7 +10,6 @@ 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 { useEffect, useState } from "react";
 import useTranslation from "next-translate/useTranslation";

pages/newappeal/planningappeal.js

@@ -10,7 +10,7 @@ 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";
 

pages/newappeal/selectappeal.js

@@ -9,7 +9,7 @@ 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 { useState } from "react";
 import useTranslation from "next-translate/useTranslation";

pages/representation.js

@@ -10,7 +10,7 @@ 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 Case from "../components/representation";

pages/searchresults.js

@@ -10,7 +10,6 @@ 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 jsonpath from "jsonpath";

pages/viewall.js

@@ -10,7 +10,7 @@ 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";