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 ChangePassword from "../../components/account/changepassword"; import xpath from "xpath"; import { setAppealType, setAppealTypeTitle, setAppealTypeID, setAppealLPA, getAppealTypeObj, } from "../../store/appealType/action"; import { getAppealsTypes, getLPA } from "../../actions"; import { setLPA } from "../../store/lpa/action"; const Home = (props) => { const { footerLinks, pages, formData } = props; let { t, lang } = useTranslation(); const router = useRouter(); const { locale } = router; const { appealtypes } = router.query; const { appealType, LPAData } = props; const [passwordUpdated, setPasswordUpdated] = useState(false); return (