|
|
|
@ -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>
|
|
|
|
|