SoundWave/imports/ui/Link.jsx

import React, {Component, PropTypes} from 'react';
import { createContainer } from 'meteor/react-meteor-data';
import { Converted } from '../api/links';
import Options from './Options';
import Video from './Video';

class Link extends Component {
	render() {
		return (
			<li className="link">
				<span className="link-text" title={this.props.link.title}>{this.props.link.title}</span>
				<Options className="link-options" handlers={this.props.options}
						 video={this.props.link} converted={this.props.converted}/>
				<button className="link-delete" onClick={this.props.remove}>&times;</button>
			</li>
		);
	}
}

Link.propTypes = {
	link: PropTypes.instanceOf(Video).isRequired,
	remove: PropTypes.func.isRequired,
	options: PropTypes.arrayOf(PropTypes.shape({
		type: PropTypes.string,
		handler: PropTypes.func
	})).isRequired,
	converted: PropTypes.object
};

export default createContainer(({link, converted_id, remove, options}) => {
	const converted = Converted.findOne(converted_id);
	return { link, remove, options, converted }
}, Link);