import _ from "lodash"; import { useState } from "react"; 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 Search from "../components/search"; import Footer from "../components/footer"; import Errorpage from "../components/errorpage"; import styles from "../styles/Home.module.css"; import { useSelector, shallowEqual, connect } from "react-redux"; import { wrapper } from "../store/store"; import Cookies from "cookies"; import { useRouter } from "next/router"; import useTranslation from "next-translate/useTranslation"; import { setAppealType, setAppealTypeTitle, setAppealTypeID, setAppealLPA, getAppealTypeObj, } from "../store/appealType/action"; import { getAppealsTypes, getLPA, updateCase, createCase, getSASToken, } from "../actions"; import { setLPA } from "../store/lpa/action"; const Home = (props) => { const { footerLinks, pages } = props; let { t, lang } = useTranslation(); const router = useRouter(); const { locale } = router; const { appealtypes } = router.query; return (