import Link from "next/link"; import _ from "lodash"; import Head from "next/head"; import Header from "../../components/header"; import Banner from "../../components/banner"; import CookieBanner from "../../components/cookieBanner"; import Breadcrumbs from "../../components/breadcrumbs"; import Footer from "../../components/footer"; import { useSelector, shallowEqual, connect } from "react-redux"; import { wrapper } from "../../store/store"; import { useRouter } from "next/router"; import { useState } from "react"; import useTranslation from "next-translate/useTranslation"; import jsonpath from "jsonpath"; import { reduxForm, formValueSelector } from "redux-form"; import RegisterForm from "../../components/account/registerform"; const Home = (props) => { const { footerLinks, formData } = props; let { t, lang } = useTranslation(); const router = useRouter(); const { locale } = router; const { appealtypes } = router.query; const [registerFormComplete, setRegisterFormComplete] = useState(false); const [accountCreatedComplete, setAccountCreatedComplete] = useState(false); return (

{t("account:register-new-account-heading")} -{" "} {t("common:service-name")}

{registerFormComplete != true || accountCreatedComplete != true ? (

{t( "account:register-new-account-heading" )}

) : (

{props.accountDetails.accCr != "false" ? props.accountDetails .accCr == "exists" ? t( "account:register-new-account-status-not-created-label" ) : t( "account:register-new-account-status-created-label" ) : t( "account:register-new-account-checking-label" )}

)}

{registerFormComplete != true || accountCreatedComplete != true ? (

{t("account:help-heading")}

{t( "account:help-sub-heading-1" )}

{t("account:help-paragraph-1")}

{t( "account:help-sub-heading-2" )}

{t("account:help-paragraph-2")}

{t( "account:help-sub-heading-3" )}

{t("account:help-paragraph-3")}

) : ( "" )}

); }; // export const getServerSideProps = wrapper.getServerSideProps( // (store) => // async ({ query, req, res }) => { // const appealTypeData = await getAppealsTypes(); // const lpaData = await getLPA(); // console.log("appeal types", appealTypeData); // console.log("lpa typeswwwww", lpaData); // store.dispatch(setAppealType(appealTypeData)); // store.dispatch(setLPA(lpaData)); // } // ); const mapStateToProps = (state) => { return { search: state.search, searchResultsObj: state.searchResultsObj, formData: state.formData, appealType: state.appealType, LPAData: state.LPAData, form: state.form, accountDetails: state.accountDetails, }; }; export default connect(mapStateToProps)(Home);