components/Header/HeaderNav/HeaderNavNotices/HeaderNavNoticeItem/HeaderNavNoticeItem.jsx

/**
 * Элемент уведомления в хедере
 * @module HeaderNavNoticeItem
 * @author Ihor Bielchenko
 * @requires react
 * @requires react#Component
 * @requires components/Common/Link.jsx
 * @requires img/clip.png
 */

import React, { Component } from 'react';
import Link from '../../../../Common/Link.jsx';
import Clip from '../../../../../img/clip.png';

/**
 * Элемент уведомления в хедере
 * @extends Component
 * @property {string} href Ссылка на ресурс
 * @property {string} avatar Фотография пользователя
 * @property {string} username Имя пользователя
 * @property {string} introtext Короткая версия контента уведомления
 */
class HeaderNavNoticeItem extends Component {

	/**
	 * Render component
	 * @return {Object} jsx object
	 */
	render() {
		return <div className="message">
					<div className="left">
						<div className="img">
							<img src={this.props.avatar} 
								alt="avatar" />
						</div>
					</div>

					<div className="right">
						<div className="name">{this.props.username}</div>
				
						<div className="chat">
							{this.props.introtext} [...]
						
							<Link href={this.props.href}
								className="clip">
									<img src={Clip} 
										alt="clip" />
							</Link>
						</div>
					</div>
				</div>
	}
}

export default HeaderNavNoticeItem;