import useTranslation from "next-translate/useTranslation"; import Link from "next/link"; import { useRouter } from "next/router"; import React from "react"; import { connect } from "react-redux"; const BuildCheckPersonalDetails = (props) => { const { footerLinks, pages, handleSubmit, value, setPersonalDetailsComplete, setAccountUpdatedComplete, } = props; let { t, lang } = useTranslation(); const router = useRouter(); const { locale } = router; const getPreferredLanguageLabel = (id) => { return id == 846040001 ? t("account:account-preferred-language-english") : t("account:account-preferred-language-welsh"); }; return ( <>

{t("account:account-about-you-label")}

{t("account:account-first-name-label")}
{ props.props.props.form.personalDetailsForm.values .firstname }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {t("account:account-first-name-label")}{" "}
{" "} {t("account:account-last-name-label")}
{ props.props.props.form.personalDetailsForm.values .lastname }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-last-name-label")}
{" "} {t("account:account-email-address-label")}
{ props.props.props.form.personalDetailsForm.values .emailaddress1 }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-email-address-label")}
{t("account:account-telephone-label")}
{ props.props.props.form.personalDetailsForm.values .telephone1 }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {t("account:account-telephone-label")}
{" "} {t("account:account-company-group-label")}
{ props.props.props.form.personalDetailsForm.values .company }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-company-group-label")}
{t("account:account-preferred-language-label")}
{getPreferredLanguageLabel( props.props.props.form.personalDetailsForm.values .pinswg_preferredlanguage )}
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-preferred-language-label")}

{" "} {t("account:account-your-address-label")}

{t("account:account-address-line-1-label")}
{ props.props.props.form.personalDetailsForm.values .address1_line1 }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-address-line-1-label")}
{t("account:account-address-line-2-label")}
{ props.props.props.form.personalDetailsForm.values .address1_line2 }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-address-line-2-label")}
{t("account:account-town-city-label")}
{ props.props.props.form.personalDetailsForm.values .address1_city }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-town-city-label")}
{" "} {t("account:account-county-label")}
{ props.props.props.form.personalDetailsForm.values .address1_county }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-county-label")}
{" "} {t("account:account-postcode-label")}
{ props.props.props.form.personalDetailsForm.values .address1_postalcode }
{ setPersonalDetailsComplete(false); }} > {t("common:change-link-label")} {" "} {t("account:account-postcode-label")}
{t("common:back-link")}
); }; const mapStateToProps = (state) => { return { search: state.search, searchResultsObj: state.searchResultsObj, formData: state.formData, appealType: state.appealType, accountDetails: state.accountDetails, //form: state.form, }; }; const mapDispatchToProps = (dispatch) => { return { setCurrentSection: (currentSection) => { dispatch(setCurrentSection(currentSection)); }, }; }; export default connect( mapStateToProps, mapDispatchToProps )(BuildCheckPersonalDetails);