duplicate contacts catch and handle and welsh

2024-06-11 16:45:41 +01:00
parent e8c3d97f30
commit 2b9c160aee
13 changed files with 153 additions and 28 deletions
@@ -0,0 +1,69 @@
+// 404.js
+import useTranslation from "next-translate/useTranslation";
+import Head from "next/head";
+import Link from "next/link";
+import CookieBanner from "../components/cookieBanner";
+import Footer from "../components/footer";
+import Header from "../components/header";
+import { parseCookies, setCookie, destroyCookie } from "nookies";
+import { useSession, signIn, signOut } from "next-auth/react";
+
+const FourOhFour = (props) => {
+    let { t, lang } = useTranslation();
+    const { footerLinks, pages } = props;
+
+    const handleLogout = () => {
+        console.info("////////////\n" + "logout" + "\n////////////");
+        window.localStorage.clear(),
+            destroyCookie(null, "next-auth.csrf-token"),
+            destroyCookie(null, "next-auth.callback-url"),
+            destroyCookie(null, "pedw_locale"),
+            destroyCookie(null, "pinsUser"),
+            signOut({ callbackUrl: "/" });
+    };
+
+    return (
+        <div>
+            <Head>
+                <title>
+                    {t("common:further-details-title")} -{" "}
+                    {t("common:service-name")}
+                </title>
+            </Head>
+            <div id="page_wrapper">
+                <CookieBanner />
+                <Header courseName={t("common:service-name")} />
+                <div className="govuk-width-container govuk-!-padding-bottom-9">
+                    <main className="govuk-main-wrapper govuk-!-padding-top-9 govuk-!-padding-bottom-9">
+                        <div className="govuk-grid-row">
+                            <div className="govuk-grid-column-full ">
+                                <h1>{t("common:further-details-header")}</h1>
+                                <p className="govuk-body">
+                                    {t("common:further-details-para-one")}
+                                </p>
+
+                                <p className="govuk-body">
+                                    {t("common:further-details-para-two")}{" "}
+                                    <Link
+                                        href={
+                                            "mailto:" +
+                                            t("home:login-contact-email")
+                                        }
+                                    >
+                                        {t("home:login-contact-email")}
+                                    </Link>{" "}
+                                </p>
+                                <Link href="/" onClick={handleLogout}>
+                                    {t("common:404-not-found-link")}
+                                </Link>
+                            </div>
+                        </div>
+                    </main>
+                </div>
+                <Footer footerLinks={footerLinks} ticketnumber={props} />
+            </div>
+        </div>
+    );
+};
+
+export default FourOhFour;