d0dd9eb5b5
* Add <ostatus:conversation /> tag to Atom input/output Only uses ref attribute (not href) because href would be the alternate link that's always included also. Creates new conversation for every non-reply status. Carries over conversation for every reply. Keeps remote URIs verbatim, generates local URIs on the fly like the rest of them. * Conversation muting - prevents notifications that reference a conversation (including replies, favourites, reblogs) from being created. API endpoints /api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute Currently no way to tell when a status/conversation is muted, so the web UI only has a "disable notifications" button, doesn't work as a toggle * Display "Dismiss notifications" on all statuses in notifications column, not just own * Add "muted" as a boolean attribute on statuses JSON For now always false on contained reblogs, since it's only relevant for statuses returned from the notifications endpoint, which are not nested Remove "Disable notifications" from detailed status view, since it's only relevant in the notifications column * Up max class length * Remove pending test for conversation mute * Add tests, clean up * Rename to "mute conversation" and "unmute conversation" * Raise validation error when trying to mute/unmute status without conversation
89 lines
3.3 KiB
JavaScript
89 lines
3.3 KiB
JavaScript
import React from 'react';
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
import StatusContainer from '../../../containers/status_container';
|
|
import AccountContainer from '../../../containers/account_container';
|
|
import Avatar from '../../../components/avatar';
|
|
import { FormattedMessage } from 'react-intl';
|
|
import Permalink from '../../../components/permalink';
|
|
import emojify from '../../../emoji';
|
|
import escapeTextContentForBrowser from 'escape-html';
|
|
import ImmutablePureComponent from 'react-immutable-pure-component';
|
|
|
|
class Notification extends ImmutablePureComponent {
|
|
|
|
static propTypes = {
|
|
notification: ImmutablePropTypes.map.isRequired
|
|
};
|
|
|
|
renderFollow (account, link) {
|
|
return (
|
|
<div className='notification notification-follow'>
|
|
<div className='notification__message'>
|
|
<div className='notification__favourite-icon-wrapper'>
|
|
<i className='fa fa-fw fa-user-plus' />
|
|
</div>
|
|
|
|
<FormattedMessage id='notification.follow' defaultMessage='{name} followed you' values={{ name: link }} />
|
|
</div>
|
|
|
|
<AccountContainer id={account.get('id')} withNote={false} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
renderMention (notification) {
|
|
return <StatusContainer id={notification.get('status')} withDismiss />;
|
|
}
|
|
|
|
renderFavourite (notification, link) {
|
|
return (
|
|
<div className='notification notification-favourite'>
|
|
<div className='notification__message'>
|
|
<div className='notification__favourite-icon-wrapper'>
|
|
<i className='fa fa-fw fa-star star-icon'/>
|
|
</div>
|
|
<FormattedMessage id='notification.favourite' defaultMessage='{name} favourited your status' values={{ name: link }} />
|
|
</div>
|
|
|
|
<StatusContainer id={notification.get('status')} account={notification.get('account')} muted={true} withDismiss />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
renderReblog (notification, link) {
|
|
return (
|
|
<div className='notification notification-reblog'>
|
|
<div className='notification__message'>
|
|
<div className='notification__favourite-icon-wrapper'>
|
|
<i className='fa fa-fw fa-retweet' />
|
|
</div>
|
|
<FormattedMessage id='notification.reblog' defaultMessage='{name} boosted your status' values={{ name: link }} />
|
|
</div>
|
|
|
|
<StatusContainer id={notification.get('status')} account={notification.get('account')} muted={true} withDismiss />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
render () { // eslint-disable-line consistent-return
|
|
const { notification } = this.props;
|
|
const account = notification.get('account');
|
|
const displayName = account.get('display_name').length > 0 ? account.get('display_name') : account.get('username');
|
|
const displayNameHTML = { __html: emojify(escapeTextContentForBrowser(displayName)) };
|
|
const link = <Permalink className='notification__display-name' href={account.get('url')} title={account.get('acct')} to={`/accounts/${account.get('id')}`} dangerouslySetInnerHTML={displayNameHTML} />;
|
|
|
|
switch(notification.get('type')) {
|
|
case 'follow':
|
|
return this.renderFollow(account, link);
|
|
case 'mention':
|
|
return this.renderMention(notification);
|
|
case 'favourite':
|
|
return this.renderFavourite(notification, link);
|
|
case 'reblog':
|
|
return this.renderReblog(notification, link);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
export default Notification;
|