added logout status 404 page and registraiton pages

This commit is contained in:
2021-07-27 16:50:57 +01:00
parent 6520b761bd
commit 3a88b18f85
16 changed files with 1133 additions and 566 deletions
+26 -25
View File
@@ -1,12 +1,14 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
export default function Header({ courseName }) {
import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
import { setLogout } from "../store/accountDetails/action";
const Header = (props) => {
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const { setLogout } = props;
return (
<header
@@ -61,11 +63,8 @@ export default function Header({ courseName }) {
</div>
<div className="govuk-header__content govuk-!-width-one-half govuk-!-margin-top-3">
<Link href="/">
<Link href="/logout">
<a
onClick={() => {
window.localStorage.clear();
}}
className="govuk-header__link
govuk-header__link--service-name"
>
@@ -96,21 +95,18 @@ export default function Header({ courseName }) {
</div>
<div className="content">
<ul>
{router.pathname != "/" ? (
{router.pathname == "/logout" ? (
""
) : router.pathname == "/" ? (
""
) : (
<li>
<Link href="/">
<a
onClick={() => {
window.localStorage.clear();
}}
className="govuk-header__link "
>
<Link href="/logout">
<a className="govuk-header__link ">
{t("common:signout-label")}
</a>
</Link>
</li>
) : (
""
)}
<li>
@@ -153,14 +149,10 @@ export default function Header({ courseName }) {
</div>
</div>
<div className="fullNav">
{router.pathname != "/" ? (
<Link href="/">
<a
onClick={() => {
window.localStorage.clear();
}}
className="govuk-header__link govuk-!-margin-right-3"
>
{router.pathname != "/" ||
router.pathname != "/logout" ? (
<Link href="/logout">
<a className="govuk-header__link govuk-!-margin-right-3">
{t("common:signout-label")}
</a>
</Link>
@@ -200,4 +192,13 @@ export default function Header({ courseName }) {
</div>
</header>
);
}
};
const mapDispatchToProps = (dispatch) => {
return {
setLogout: () => {
dispatch(setLogout());
},
};
};
export default connect(null, mapDispatchToProps)(Header);