// Copyright (C) The Arvados Authors. All rights reserved.
//
// SPDX-License-Identifier: AGPL-3.0

import { RootState } from '~/store/store';
import { compose } from 'redux';
import { reduxForm, isPristine, isValid } from 'redux-form';
import { connect } from 'react-redux';
import { saveEditedUser } from '~/store/my-account/my-account-panel-actions';
import { MyAccountPanelRoot, MyAccountPanelRootDataProps, MY_ACCOUNT_FORM } from '~/views/my-account-panel/my-account-panel-root';

const mapStateToProps = (state: RootState): MyAccountPanelRootDataProps => ({
    isPristine: isPristine(MY_ACCOUNT_FORM)(state),
    isValid: isValid(MY_ACCOUNT_FORM)(state),
    initialValues: state.auth.user
});

export const MyAccountPanel = compose(
    connect(mapStateToProps),
    reduxForm({
    form: MY_ACCOUNT_FORM,
    onSubmit: (data, dispatch) => {
        dispatch(saveEditedUser(data));
    }
}))(MyAccountPanelRoot);