66 lines
2.6 KiB
JavaScript
66 lines
2.6 KiB
JavaScript
// 404.js
|
|
import { signOut } from "next-auth/react";
|
|
import useTranslation from "next-translate/useTranslation";
|
|
import Head from "next/head";
|
|
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
import CookieBanner from "../components/cookieBanner";
|
|
import Footer from "../components/footer";
|
|
import Header from "../components/header";
|
|
import { performPortalSignOut } from "../lib/auth/sessionClient";
|
|
|
|
const FourOhFour = (props) => {
|
|
let { t, lang } = useTranslation();
|
|
const { footerLinks, pages } = props;
|
|
const { locale } = useRouter();
|
|
|
|
const handleLogout = () => {
|
|
performPortalSignOut({ locale, callbackUrl: "/", signOutFn: signOut });
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>
|
|
{t("common:further-details-title")} -{" "}
|
|
{t("common:service-name")}
|
|
</title>
|
|
</Head>
|
|
<div id="page_wrapper">
|
|
<CookieBanner />
|
|
<Header />
|
|
<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;
|