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 DNSSearchResults from "../components/dnssearchresults"; 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 { useRouter } from "next/router"; import useTranslation from "next-translate/useTranslation"; import jsonpath from "jsonpath"; import data from "../data/collections.json"; import { getSearchDetails } from "../components/utils"; import { setSearch, getSearchObj } from "../store/search/action"; import { setSearchResults, setSearchDetails, getSearchResultsObj, } from "../store/searchOutput/action"; import { getBasicDNSSearch, getBasicSearchDetails, getSASToken, } from "../actions"; const Home = (props) => { const { footerLinks, pages } = props; let { t, lang } = useTranslation(); const router = useRouter(); const { locale } = router; const { appealtypes } = router.query; return (