|
|
|
@ -267,6 +267,7 @@ export default class StatusContent extends React.PureComponent { |
|
|
|
|
|
|
|
|
|
const content = { __html: status.get('contentHtml') }; |
|
|
|
|
const spoilerContent = { __html: status.get('spoilerHtml') }; |
|
|
|
|
const lang = status.get('language'); |
|
|
|
|
const classNames = classnames('status__content', { |
|
|
|
|
'status__content--with-action': parseClick && !disabled, |
|
|
|
|
'status__content--with-spoiler': status.get('spoiler_text').length > 0, |
|
|
|
@ -327,7 +328,7 @@ export default class StatusContent extends React.PureComponent { |
|
|
|
|
<p |
|
|
|
|
style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }} |
|
|
|
|
> |
|
|
|
|
<span dangerouslySetInnerHTML={spoilerContent} className='translate' /> |
|
|
|
|
<span dangerouslySetInnerHTML={spoilerContent} className='translate' lang={lang} /> |
|
|
|
|
{' '} |
|
|
|
|
<button tabIndex='0' className='status__content__spoiler-link' onClick={this.handleSpoilerClick}> |
|
|
|
|
{toggleText} |
|
|
|
@ -345,6 +346,7 @@ export default class StatusContent extends React.PureComponent { |
|
|
|
|
className='status__content__text translate' |
|
|
|
|
onMouseEnter={this.handleMouseEnter} |
|
|
|
|
onMouseLeave={this.handleMouseLeave} |
|
|
|
|
lang={lang} |
|
|
|
|
/> |
|
|
|
|
{media} |
|
|
|
|
</div> |
|
|
|
@ -367,6 +369,7 @@ export default class StatusContent extends React.PureComponent { |
|
|
|
|
tabIndex='0' |
|
|
|
|
onMouseEnter={this.handleMouseEnter} |
|
|
|
|
onMouseLeave={this.handleMouseLeave} |
|
|
|
|
lang={lang} |
|
|
|
|
/> |
|
|
|
|
{media} |
|
|
|
|
</div> |
|
|
|
@ -385,6 +388,7 @@ export default class StatusContent extends React.PureComponent { |
|
|
|
|
tabIndex='0' |
|
|
|
|
onMouseEnter={this.handleMouseEnter} |
|
|
|
|
onMouseLeave={this.handleMouseLeave} |
|
|
|
|
lang={lang} |
|
|
|
|
/> |
|
|
|
|
{media} |
|
|
|
|
</div> |
|
|
|
|