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