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 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 { useState } from "react"; import useTranslation from "next-translate/useTranslation"; import { setAppealType, setAppealTypeTitle, setAppealTypeID, getAppealTypeObj, } from "../../store/appealType/action"; import { getAppealsTypes } from "../../actions"; import xpath from "xpath"; const Home = (props) => { const { footerLinks, pages, formData } = props; let { t, lang } = useTranslation(); const router = useRouter(); const { locale } = router; const { appealtypes } = router.query; const { appealType } = props; const optionsObj = props.appealType.appealTypeOptions.GlobalOptionSet .Options || [{}]; const appealOptions = Object.keys(optionsObj).map((key, index) => ( )); const [appealTypeSelect, setAppealTypeSelect] = useState(""); const handleParam = (setValue) => (e) => setValue(e.target.value); const selectAppealType = (event) => { event.preventDefault(); router.replace("/newappeal/" + props.appealType.appealTypeID, null, { shallow: true, }); }; return (

{t("search:page-title")} - {t("common:service-name")}

New Appeal

); }; export const getServerSideProps = wrapper.getServerSideProps( (store) => async ({ query, req, res }) => { const appealTypeData = await getAppealsTypes(); console.log("appeal types", appealTypeData); store.dispatch(setAppealType(appealTypeData)); } ); const mapStateToProps = (state) => { return { search: state.search, searchResultsObj: state.searchResultsObj, formData: state.formData, appealType: state.appealType, }; }; const mapDispatchToProps = (dispatch) => { return { onChangeSelect: (event) => { dispatch( setAppealTypeTitle( event.target.options[event.target.selectedIndex].text ) ); dispatch(setAppealTypeID(event.target.value)); }, }; }; export default connect(mapStateToProps, mapDispatchToProps)(Home);