SoundWave/imports/ui/Stats.jsx

import React from 'react';

const Stats = ({ stats, prefix }) =>
	<div className={`${prefix}-stats`}>
		<div className={`${prefix}-views`} title={stats.viewCount} >
			<i className="fa fa-eye"/> {stats.viewCount}
		</div>
		<div className={`${prefix}-likes`} title={stats.likeCount} >
			<i className="fa fa-thumbs-o-up"/> {stats.likeCount}
		</div>
		<div className={`${prefix}-dislikes`} title={stats.dislikeCount} >
			<i className="fa fa-thumbs-o-down"/> {stats.dislikeCount}
		</div>
		<div className={`${prefix}-comments`} title={stats.commentCount} >
			<i className="fa fa-comments-o"/> {stats.commentCount}
		</div>
		<div className={`${prefix}-favorites`} title={stats.favoriteCount} >
			<i className="fa fa-star-o"/> {stats.favoriteCount}
		</div>
	</div>;

const CountType = React.PropTypes.oneOfType([React.PropTypes.string, React.PropTypes.number]);
Stats.propTypes = {
	prefix: React.PropTypes.string.isRequired,
	stats: React.PropTypes.shape({
		viewCount: CountType,
		likeCount: CountType,
		dislikeCount: CountType,
		commentCount: CountType,
		favoriteCount: CountType,
	}).isRequired
};

export default Stats;