|
|
@ -102,8 +102,14 @@ const StatusContent = React.createClass({ |
|
|
|
const spoilerContent = { __html: emojify(escapeTextContentForBrowser(status.get('spoiler_text', ''))) }; |
|
|
|
const spoilerContent = { __html: emojify(escapeTextContentForBrowser(status.get('spoiler_text', ''))) }; |
|
|
|
|
|
|
|
|
|
|
|
if (status.get('spoiler_text').length > 0) { |
|
|
|
if (status.get('spoiler_text').length > 0) { |
|
|
|
const mentionLinks = status.get('mentions').map(item => <Permalink to={`/accounts/${item.get('id')}`} href={item.get('url')} key={item.get('id') className='mention'>@<span>{item.get('username')}</span></Permalink>}</span>) }; |
|
|
|
const mentionLinks = status.get('mentions').map(item => ( |
|
|
|
|
|
|
|
<Permalink to={`/accounts/${item.get('id')}`} href={item.get('url')} key={item.get('id')} className='mention'> |
|
|
|
|
|
|
|
@<span>{item.get('username')}</span> |
|
|
|
|
|
|
|
</Permalink> |
|
|
|
|
|
|
|
)).reduce((aggregate, item) => [...aggregate, item, ' '], []) |
|
|
|
|
|
|
|
|
|
|
|
const toggleText = hidden ? <FormattedMessage id='status.show_more' defaultMessage='Show more' /> : <FormattedMessage id='status.show_less' defaultMessage='Show less' />; |
|
|
|
const toggleText = hidden ? <FormattedMessage id='status.show_more' defaultMessage='Show more' /> : <FormattedMessage id='status.show_less' defaultMessage='Show less' />; |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className='status__content' style={{ cursor: 'pointer' }} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}> |
|
|
|
<div className='status__content' style={{ cursor: 'pointer' }} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}> |
|
|
|
<p style={{ marginBottom: hidden ? '0px' : '' }} > |
|
|
|
<p style={{ marginBottom: hidden ? '0px' : '' }} > |
|
|
|