import React from 'react'; import PropTypes from 'prop-types'; 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 AttachmentList from '../../../components/attachment_list'; import { Link } from 'react-router'; import { FormattedDate, FormattedNumber } from 'react-intl'; import CardContainer from '../containers/card_container'; import ImmutablePureComponent from 'react-immutable-pure-component'; class DetailedStatus extends ImmutablePureComponent { constructor (props, context) { super(props, context); this.handleAccountClick = this.handleAccountClick.bind(this); } 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.get('media_attachments').some(item => item.get('type') === 'unknown')) { media = ; } else if (status.getIn(['media_attachments', 0, 'type']) === 'video') { media = ; } else { media = ; } } else if (status.get('spoiler_text').length === 0) { media = ; } if (status.get('application')) { applicationLink = · {status.getIn(['application', 'name'])}; } return (
{media}
{applicationLink} · ·
); } } DetailedStatus.contextTypes = { router: PropTypes.object }; DetailedStatus.propTypes = { status: ImmutablePropTypes.map.isRequired, onOpenMedia: PropTypes.func.isRequired, onOpenVideo: PropTypes.func.isRequired, autoPlayGif: PropTypes.bool, }; export default DetailedStatus;