SoundWave/imports/ui/Result.jsx

import React, { PropTypes } from 'react';
import Video from './Video';
_ = lodash;

const iconsClasses = {
	view: "eye",
	like: "thumbs-o-up",
	dislike: "thumbs-o-down",
	comment: "comments-o",
	favorite: "star-o"
};

const Result = ({ click, result }) =>
	<a className="result-link" onClick={click}>
		<img src={result.thumb.url} alt="thumbnail" className="result-thumb"
			 height={result.thumb.height / 2} width={result.thumb.width / 2}/>
		<div className="result-info">
			<div className="result-head" title={result.title}>
				<div className="result-title">{result.title}</div>
				<div className="result-duration">{result.duration}</div>
			</div>
			<div className="result-stats">
				{ _.map(result.stats, (e, k) =>
					<div key={k} className={`result-${k.slice(0, -5)}s`} title={e}>
						<i className={`fa fa-${iconsClasses[k.slice(0, -5)]}`}/> {e}
					</div>
				) }
			</div>
		</div>
	</a>;

Result.propTypes = {
	result: PropTypes.instanceOf(Video).isRequired,
	click: PropTypes.func
};

export default Result;