b891a81008
Reflect "requested" relationship in API and UI Reflect inability of private posts to be reblogged in the UI Disable Webfinger for locked accounts
73 lines
2.8 KiB
JavaScript
73 lines
2.8 KiB
JavaScript
import PureRenderMixin from 'react-addons-pure-render-mixin';
|
|
import IconButton from '../../../components/icon_button';
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
import DropdownMenu from '../../../components/dropdown_menu';
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
|
|
const messages = defineMessages({
|
|
delete: { id: 'status.delete', defaultMessage: 'Delete' },
|
|
mention: { id: 'status.mention', defaultMessage: 'Mention' },
|
|
reply: { id: 'status.reply', defaultMessage: 'Reply' },
|
|
reblog: { id: 'status.reblog', defaultMessage: 'Reblog' },
|
|
favourite: { id: 'status.favourite', defaultMessage: 'Favourite' }
|
|
});
|
|
|
|
const ActionBar = React.createClass({
|
|
|
|
propTypes: {
|
|
status: ImmutablePropTypes.map.isRequired,
|
|
onReply: React.PropTypes.func.isRequired,
|
|
onReblog: React.PropTypes.func.isRequired,
|
|
onFavourite: React.PropTypes.func.isRequired,
|
|
onDelete: React.PropTypes.func.isRequired,
|
|
onMention: React.PropTypes.func.isRequired,
|
|
me: React.PropTypes.number.isRequired
|
|
},
|
|
|
|
mixins: [PureRenderMixin],
|
|
|
|
handleReplyClick () {
|
|
this.props.onReply(this.props.status);
|
|
},
|
|
|
|
handleReblogClick () {
|
|
this.props.onReblog(this.props.status);
|
|
},
|
|
|
|
handleFavouriteClick () {
|
|
this.props.onFavourite(this.props.status);
|
|
},
|
|
|
|
handleDeleteClick () {
|
|
this.props.onDelete(this.props.status);
|
|
},
|
|
|
|
handleMentionClick () {
|
|
this.props.onMention(this.props.status.get('account'));
|
|
},
|
|
|
|
render () {
|
|
const { status, me, intl } = this.props;
|
|
|
|
let menu = [];
|
|
|
|
if (me === status.getIn(['account', 'id'])) {
|
|
menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick });
|
|
} else {
|
|
menu.push({ text: intl.formatMessage(messages.mention), action: this.handleMentionClick });
|
|
}
|
|
|
|
return (
|
|
<div style={{ background: '#2f3441', display: 'flex', flexDirection: 'row', borderTop: '1px solid #363c4b', borderBottom: '1px solid #363c4b', padding: '10px 0' }}>
|
|
<div style={{ flex: '1 1 auto', textAlign: 'center' }}><IconButton title={intl.formatMessage(messages.reply)} icon='reply' onClick={this.handleReplyClick} /></div>
|
|
<div style={{ flex: '1 1 auto', textAlign: 'center' }}><IconButton disabled={status.get('visibility') === 'private'} active={status.get('reblogged')} title={intl.formatMessage(messages.reblog)} icon='retweet' onClick={this.handleReblogClick} /></div>
|
|
<div style={{ flex: '1 1 auto', textAlign: 'center' }}><IconButton active={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='star' onClick={this.handleFavouriteClick} activeStyle={{ color: '#ca8f04' }} /></div>
|
|
<div style={{ flex: '1 1 auto', textAlign: 'center' }}><DropdownMenu size={18} icon='ellipsis-h' items={menu} /></div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
});
|
|
|
|
export default injectIntl(ActionBar);
|