components/ProfileEdit/ProfileEditForm/ProfileEditFormName/ProfileEditFormName.jsx

/**
 * Поля для редактирования имени пользователя
 * @module ProfileEditFormName
 * @author Ihor Bielchenko
 * @requires react
 * @requires react#Component
 * @requires react-redux#connect
 */

import React, { Component } from 'react';
import { connect } from 'react-redux';

/**
 * Поля для редактирования имени пользователя
 * @extends Component
 */
class ProfileEditFormName extends Component {

	/**
	 * Render component
	 * @return {Object} jsx object
	 */
	render() {
		return <div className="name-block">
					<div className="line">
						<span className="main-span">{this.props.lang.edit_first_name_title}</span>
						<input id="user-first-name" type="text" defaultValue={this.props.user.first_name} />
					</div>
							
					<div className="line">
						<span className="main-span">{this.props.lang.edit_last_name_title}</span>
						<input id="user-last-name" type="text" defaultValue={this.props.user.last_name} />
					</div>
											
					<div className="line"></div>
				</div>
	}
}

/**
 * Init redux states
 * @param {Object} state
 * @return {Object}
 */
function mapStateToProps(state) {
	return {
		lang: state.lang,
		user: state.user,
	}
}

export default connect(mapStateToProps)(ProfileEditFormName);