import { connect } from 'react-redux';

import { getProfile } from '../../selectors/profile.js';
import { commonProfileStateToProps } from './Profile.container.js';
import EditProfile from './EditProfile.js';

const matchStateToProps = (state) => {
    const commonProps = commonProfileStateToProps(state);
    const profile = getProfile(state);

    return {
        ...commonProps,
        firstName: profile.get('firstName'),
        lastName: profile.get('lastName'),
    };
};

export default connect(
    matchStateToProps,
    null,
)(EditProfile);