import useTranslation from "next-translate/useTranslation"; import Head from "next/head"; import { getSession, useSession } from "next-auth/react"; import _ from "lodash"; import { useRouter } from "next/router"; import { connect } from "react-redux"; import { getAppealsTypesForNewAppeal, getLPA, getPersonalAccount, } from "../../actions"; import Breadcrumbs from "../../components/breadcrumbs"; import CookieBanner from "../../components/cookieBanner"; import Footer from "../../components/footer"; import Header from "../../components/header"; import CreateCase from "../../components/newappeal/createCase"; import { setAccountDetails, setContainerID, setLoggedInUserId, } from "../../store/accountDetails/action"; import { setAppealType } from "../../store/appealType/action"; import { setLPA } from "../../store/lpa/action"; import { wrapper } from "../../store/store"; import TimeOut from "../../components/timeout"; const Home = (props) => { const { footerLinks, pages, formData, loggedInUserIdent } = props; let { t, lang } = useTranslation(); const router = useRouter(); const { locale } = router; const { appealtypes } = router.query; const { appealType, LPAData } = props; return (