diff --git a/app/soapbox/features/notifications/index.js b/app/soapbox/features/notifications/index.js
index 5ac0877d1..834bb39cb 100644
--- a/app/soapbox/features/notifications/index.js
+++ b/app/soapbox/features/notifications/index.js
@@ -47,6 +47,7 @@ const mapStateToProps = state => {
return {
showFilterBar: settings.getIn(['notifications', 'quickFilter', 'show']),
+ activeFilter: settings.getIn(['notifications', 'quickFilter', 'active']),
notifications: getNotifications(state),
isLoading: state.getIn(['notifications', 'isLoading'], true),
isUnread: state.getIn(['notifications', 'unread']) > 0,
@@ -62,6 +63,7 @@ class Notifications extends React.PureComponent {
static propTypes = {
notifications: ImmutablePropTypes.list.isRequired,
showFilterBar: PropTypes.bool.isRequired,
+ activeFilter: PropTypes.string,
dispatch: PropTypes.func.isRequired,
intl: PropTypes.object.isRequired,
isLoading: PropTypes.bool,
@@ -143,8 +145,11 @@ class Notifications extends React.PureComponent {
}
render() {
- const { intl, notifications, isLoading, hasMore, showFilterBar, totalQueuedNotificationsCount } = this.props;
- const emptyMessage = ;
+ const { intl, notifications, isLoading, hasMore, showFilterBar, totalQueuedNotificationsCount, activeFilter } = this.props;
+
+ const emptyMessage = activeFilter === 'all'
+ ?
+ : ;
let scrollableContent = null;