import _ from "lodash";
import Link from "next/link";
import React, { useState, useEffect } from "react";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import {
    Field,
    reduxForm,
    formValueSelector,
    getFormSubmitErrors,
} from "redux-form";
import {
    useDispatch,
    useSelector,
    shallowEqual,
    connect,
    setRegisterFormComplete,
    setAccountCreatedComplete,
} from "react-redux";
import { updateAccount } from "../../actions";

const PersonalDetailsComplete = (props) => {
    const {
        handleSubmit,
        value,
        setRegisterFormComplete,
        setAccountCreatedComplete,
    } = props;
    let { t, lang } = useTranslation();

    const router = useRouter();
    const { locale } = router;

    useEffect(() => {
        let contactid = props.accountDetails.loggedinUserId;
        let updateBody = props.props.props.form.personalDetailsForm.values;
        updateAccount(contactid, updateBody);
    }, [
        props.accountDetails.loggedinUserId,
        props.props.props.form.personalDetailsForm.values,
    ]);

    return <>
        <p className="govuk-body">{t("account:account-complete-para-1")}</p>

        <p className="govuk-body">{t("account:account-complete-para-2")}</p>

        <p className="govuk-body">
            <Link
                href={"/myportal?q=" + props.accountDetails.loggedinUserId}
                className="govuk-link">

                {" "}
                {t("account:account-complete-return-to-portal-link")}

            </Link>
        </p>
    </>;
};

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
)(PersonalDetailsComplete);