import Link from "next/link"; import { useRouter } from "next/router"; import useTranslation from "next-translate/useTranslation"; 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, serviceName } = props; const noSignoutLink = [ "/", "/logout", "/dns", "/dns/application-process", "/dns/help", "/dns/contact-us", "/dns/applications", ]; const hasContactLink = [ "/dns", "/dns/application-process", "/dns/help", "/dns/contact-us", "/dns/applications", ]; return (
{ window.localStorage.clear(); }} className="govuk-header__link govuk-header__link--service-name" > {serviceName || t("common:service-name")}
{hasContactLink.includes(router.pathname) == true ? ( Contact ) : ( "" )} {noSignoutLink.includes(router.pathname) == true ? ( "" ) : ( { window.localStorage.clear(); }} className="govuk-header__link govuk-!-margin-right-3" > {t("common:signout-label")} )} {" "} {t("common:available-in")}
); }; const mapDispatchToProps = (dispatch) => { return { setLogout: () => { dispatch(setLogout()); }, }; }; export default connect(null, mapDispatchToProps)(Header);