chuckya/app/javascript/glitch/components/notification/index.js

85 lines
2 KiB
JavaScript
Raw Normal View History

// Package imports //
import React from 'react';
2016-11-21 03:39:18 +09:00
import ImmutablePropTypes from 'react-immutable-proptypes';
import ImmutablePureComponent from 'react-immutable-pure-component';
import PropTypes from 'prop-types';
2016-11-21 03:39:18 +09:00
// Mastodon imports //
// Our imports //
2017-07-13 19:36:12 +09:00
import StatusContainer from '../status/container';
2017-07-15 03:13:02 +09:00
import NotificationFollow from './follow';
export default class Notification extends ImmutablePureComponent {
2016-11-21 03:39:18 +09:00
static propTypes = {
notification: ImmutablePropTypes.map.isRequired,
2017-06-29 14:00:54 +09:00
settings: ImmutablePropTypes.map.isRequired,
onDeleteNotification: PropTypes.func.isRequired,
};
renderFollow (notification) {
2016-11-21 03:39:18 +09:00
return (
2017-07-15 03:13:02 +09:00
<NotificationFollow
id={notification.get('id')}
account={notification.get('account')}
onDeleteNotification={this.props.onDeleteNotification}
/>
2016-11-21 03:39:18 +09:00
);
}
2016-11-21 03:39:18 +09:00
renderMention (notification) {
return (
<StatusContainer
id={notification.get('status')}
notificationId={notification.get('id')}
withDismiss
/>
);
}
2016-11-21 03:39:18 +09:00
renderFavourite (notification) {
2016-11-21 03:39:18 +09:00
return (
<StatusContainer
id={notification.get('status')}
account={notification.get('account')}
prepend='favourite'
muted
notificationId={notification.get('id')}
withDismiss
/>
2016-11-21 03:39:18 +09:00
);
}
2016-11-21 03:39:18 +09:00
renderReblog (notification) {
2016-11-21 03:39:18 +09:00
return (
<StatusContainer
id={notification.get('status')}
account={notification.get('account')}
prepend='reblog'
muted
notificationId={notification.get('id')}
withDismiss
/>
2016-11-21 03:39:18 +09:00
);
}
2016-11-21 03:39:18 +09:00
render () {
const { notification } = this.props;
2016-11-21 03:39:18 +09:00
switch(notification.get('type')) {
case 'follow':
return this.renderFollow(notification);
case 'mention':
return this.renderMention(notification);
case 'favourite':
return this.renderFavourite(notification);
case 'reblog':
return this.renderReblog(notification);
2016-11-21 03:39:18 +09:00
}
return null;
2016-11-21 03:39:18 +09:00
}
}