mastodon/app/javascript/flavours/glitch/features/notifications/components/notification.js

105 lines
2.8 KiB
JavaScript
Raw Normal View History

2017-11-18 03:11:18 +00:00
// Package imports.
import React from 'react';
2017-11-18 03:11:18 +00:00
import PropTypes from 'prop-types';
2016-11-20 18:39:18 +00:00
import ImmutablePropTypes from 'react-immutable-proptypes';
import ImmutablePureComponent from 'react-immutable-pure-component';
2016-11-20 18:39:18 +00:00
2017-11-18 03:11:18 +00:00
// Our imports,
2017-12-04 07:26:40 +00:00
import StatusContainer from 'flavours/glitch/containers/status_container';
2017-07-14 18:13:02 +00:00
import NotificationFollow from './follow';
export default class Notification extends ImmutablePureComponent {
2016-11-20 18:39:18 +00:00
static propTypes = {
notification: ImmutablePropTypes.map.isRequired,
2017-11-18 03:11:18 +00:00
hidden: PropTypes.bool,
onMoveUp: PropTypes.func.isRequired,
onMoveDown: PropTypes.func.isRequired,
onMention: PropTypes.func.isRequired,
getScrollPosition: PropTypes.func,
updateScrollBottom: PropTypes.func,
};
render () {
const {
hidden,
notification,
onMoveDown,
onMoveUp,
onMention,
getScrollPosition,
updateScrollBottom,
} = this.props;
2016-11-20 18:39:18 +00:00
switch(notification.get('type')) {
case 'follow':
return (
<NotificationFollow
hidden={hidden}
id={notification.get('id')}
account={notification.get('account')}
notification={notification}
onMoveDown={onMoveDown}
onMoveUp={onMoveUp}
onMention={onMention}
/>
);
case 'mention':
return (
<StatusContainer
containerId={notification.get('id')}
hidden={hidden}
id={notification.get('status')}
notification={notification}
onMoveDown={onMoveDown}
onMoveUp={onMoveUp}
onMention={onMention}
contextType='notifications'
getScrollPosition={getScrollPosition}
updateScrollBottom={updateScrollBottom}
withDismiss
/>
);
case 'favourite':
return (
<StatusContainer
containerId={notification.get('id')}
hidden={hidden}
id={notification.get('status')}
account={notification.get('account')}
prepend='favourite'
muted
notification={notification}
onMoveDown={onMoveDown}
onMoveUp={onMoveUp}
onMention={onMention}
getScrollPosition={getScrollPosition}
updateScrollBottom={updateScrollBottom}
withDismiss
/>
);
case 'reblog':
return (
<StatusContainer
containerId={notification.get('id')}
hidden={hidden}
id={notification.get('status')}
account={notification.get('account')}
prepend='reblog'
muted
notification={notification}
onMoveDown={onMoveDown}
onMoveUp={onMoveUp}
onMention={onMention}
getScrollPosition={getScrollPosition}
updateScrollBottom={updateScrollBottom}
withDismiss
/>
);
2017-11-18 03:11:18 +00:00
default:
return null;
2016-11-20 18:39:18 +00:00
}
}
}