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;