|
|
|
@ -19,6 +19,7 @@ const messages = defineMessages({
|
|
|
|
|
cannot_reblog : { id: 'status.cannot_reblog', defaultMessage: 'This post cannot be boosted' },
|
|
|
|
|
favourite : { id: 'status.favourite', defaultMessage: 'Favourite' },
|
|
|
|
|
bookmark : { id: 'status.bookmark', defaultMessage: 'Bookmark' },
|
|
|
|
|
more : { id: 'status.more', defaultMessage: 'More' },
|
|
|
|
|
mute : { id: 'status.mute', defaultMessage: 'Mute @{name}' },
|
|
|
|
|
muteConversation : { id: 'status.mute_conversation', defaultMessage: 'Mute conversation' },
|
|
|
|
|
unmuteConversation : { id: 'status.unmute_conversation', defaultMessage: 'Unmute conversation' },
|
|
|
|
@ -304,6 +305,8 @@ class ActionBar extends React.PureComponent {
|
|
|
|
|
if (status.get('visibility') === 'direct') reblogIcon = 'envelope';
|
|
|
|
|
else if (status.get('visibility') === 'private') reblogIcon = 'lock';
|
|
|
|
|
|
|
|
|
|
let reblog_disabled = (status.get('visibility') === 'direct' || status.get('visibility') === 'private');
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className='detailed-status__action-bar'>
|
|
|
|
|
<div className='detailed-status__button'><IconButton
|
|
|
|
@ -312,30 +315,28 @@ class ActionBar extends React.PureComponent {
|
|
|
|
|
onClick={this.handleReplyClick}
|
|
|
|
|
/></div >
|
|
|
|
|
<div className='detailed-status__button'><IconButton
|
|
|
|
|
disabled={reblog_disabled}
|
|
|
|
|
disabled={!publicStatus}
|
|
|
|
|
active={status.get('reblogged')}
|
|
|
|
|
title={reblog_disabled ? intl.formatMessage(messages.cannot_reblog) : intl.formatMessage(messages.reblog)}
|
|
|
|
|
title={!publicStatus ? intl.formatMessage(messages.cannot_reblog) : intl.formatMessage(messages.reblog)}
|
|
|
|
|
icon={reblogIcon}
|
|
|
|
|
onClick={this.handleReblogClick}
|
|
|
|
|
/></div >
|
|
|
|
|
<div className='detailed-status__button'>
|
|
|
|
|
<IconButton
|
|
|
|
|
className='star-icon'
|
|
|
|
|
animate
|
|
|
|
|
active={status.get('favourited')}
|
|
|
|
|
title={intl.formatMessage(messages.favourite)}
|
|
|
|
|
icon='star'
|
|
|
|
|
onClick={this.handleFavouriteClick}
|
|
|
|
|
/></div >
|
|
|
|
|
<div className='detailed-status__button'><IconButton
|
|
|
|
|
className='star-icon'
|
|
|
|
|
animate
|
|
|
|
|
active={status.get('favourited')}
|
|
|
|
|
title={intl.formatMessage(messages.favourite)}
|
|
|
|
|
icon='star'
|
|
|
|
|
onClick={this.handleFavouriteClick}
|
|
|
|
|
/></div >
|
|
|
|
|
{shareButton}
|
|
|
|
|
<div className='detailed-status__button'>
|
|
|
|
|
<IconButton
|
|
|
|
|
className='bookmark-icon'
|
|
|
|
|
active={status.get('bookmarked')}
|
|
|
|
|
title={intl.formatMessage(messages.bookmark)}
|
|
|
|
|
icon='bookmark'
|
|
|
|
|
onClick={this.handleBookmarkClick}
|
|
|
|
|
/></div >
|
|
|
|
|
<div className='detailed-status__button'><IconButton
|
|
|
|
|
className='bookmark-icon'
|
|
|
|
|
active={status.get('bookmarked')}
|
|
|
|
|
title={intl.formatMessage(messages.bookmark)}
|
|
|
|
|
icon='bookmark'
|
|
|
|
|
onClick={this.handleBookmarkClick}
|
|
|
|
|
/></div >
|
|
|
|
|
|
|
|
|
|
<div className='detailed-status__action-bar-dropdown'>
|
|
|
|
|
<DropdownMenuContainer
|
|
|
|
@ -344,7 +345,7 @@ class ActionBar extends React.PureComponent {
|
|
|
|
|
status={status}
|
|
|
|
|
items={menu}
|
|
|
|
|
direction='left'
|
|
|
|
|
title='More'
|
|
|
|
|
title={intl.formatMessage(messages.more)}
|
|
|
|
|
/>
|
|
|
|
|
</div >
|
|
|
|
|
</div >
|
|
|
|
|