components/ProfileEdit/ProfileEditForm/ProfileEditFormEmail/ProfileEditFormEmail.jsx

/**
 * Форма редактирования профиля
 * @module ProfileEditForm
 * @author Ihor Bielchenko
 * @requires react
 * @requires react#Component
 * @requires react-redux#connect
 * @requires components/Common/Link.jsx
 */

import React, { Component } from 'react';
import Link from '../../../Common/Link.jsx';
import { connect } from 'react-redux';

/**
 * Форма редактирования профиля
 * @extends Component
 */
class ProfileEditFormEmail extends Component {

	/**
	 * Render component
	 * @return {Object} jsx object
	 */
	render() {
		return <div className="block4">
					<div className="line">
						<span className="main-span">{this.props.lang.edit_email_title}</span>
						<input id="user-email" type="text" defaultValue={this.props.user.email} />
					</div>
						
					<div className="right-text">
						<span>{this.props.lang.edit_email_confirm_status}</span>
						<Link href="">{this.props.lang.edit_email_confirm_title}</Link>
					</div>
				</div>
	}
}

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

export default connect(mapStateToProps)(ProfileEditFormEmail);