import PureRenderMixin from 'react-addons-pure-render-mixin'; import ImmutablePropTypes from 'react-immutable-proptypes'; import Avatar from '../../../components/avatar'; import DisplayName from '../../../components/display_name'; import StatusContent from '../../../components/status_content'; import MediaGallery from '../../../components/media_gallery'; import VideoPlayer from '../../../components/video_player'; import { Link } from 'react-router'; import { FormattedDate, FormattedNumber } from 'react-intl'; import CardContainer from '../containers/card_container'; const DetailedStatus = React.createClass({ contextTypes: { router: React.PropTypes.object }, propTypes: { status: ImmutablePropTypes.map.isRequired, onOpenMedia: React.PropTypes.func.isRequired }, mixins: [PureRenderMixin], handleAccountClick (e) { if (e.button === 0) { e.preventDefault(); this.context.router.push(`/accounts/${this.props.status.getIn(['account', 'id'])}`); } e.stopPropagation(); }, render () { const status = this.props.status.get('reblog') ? this.props.status.get('reblog') : this.props.status; let media = ''; let applicationLink = ''; if (status.get('media_attachments').size > 0) { if (status.getIn(['media_attachments', 0, 'type']) === 'video') { media = ; } else { media = ; } } else { media = ; } if (status.get('application')) { applicationLink = · {status.getIn(['application', 'name'])}; } return (
{media}
{applicationLink} · ·
); } }); export default DetailedStatus;