diff --git a/app/soapbox/components/status_list.js b/app/soapbox/components/status_list.js
index 455596e93..a21884810 100644
--- a/app/soapbox/components/status_list.js
+++ b/app/soapbox/components/status_list.js
@@ -1,6 +1,6 @@
import { debounce } from 'lodash';
import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, defineMessages } from 'react-intl';
import ImmutablePropTypes from 'react-immutable-proptypes';
import PropTypes from 'prop-types';
import StatusContainer from '../containers/status_container';
@@ -9,6 +9,10 @@ import LoadGap from './load_gap';
import ScrollableList from './scrollable_list';
import TimelineQueueButtonHeader from './timeline_queue_button_header';
+const messages = defineMessages({
+ queue: { id: 'status_list.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}' },
+});
+
export default class StatusList extends ImmutablePureComponent {
static propTypes = {
@@ -138,7 +142,12 @@ export default class StatusList extends ImmutablePureComponent {
}
return [
- ,
+ ,
{scrollableContent}
,
diff --git a/app/soapbox/components/timeline_queue_button_header.js b/app/soapbox/components/timeline_queue_button_header.js
index d0f29862c..bdefda10e 100644
--- a/app/soapbox/components/timeline_queue_button_header.js
+++ b/app/soapbox/components/timeline_queue_button_header.js
@@ -1,24 +1,24 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { shortNumberFormat } from '../utils/numbers';
+import { injectIntl } from 'react-intl';
import classNames from 'classnames';
-export default class TimelineQueueButtonHeader extends React.PureComponent {
+export default @injectIntl
+class TimelineQueueButtonHeader extends React.PureComponent {
static propTypes = {
onClick: PropTypes.func.isRequired,
count: PropTypes.number,
- itemType: PropTypes.string,
+ message: PropTypes.object.isRequired,
+ intl: PropTypes.object.isRequired,
};
static defaultProps = {
count: 0,
- itemType: 'item',
};
render() {
- const { count, itemType, onClick } = this.props;
+ const { count, message, onClick, intl } = this.props;
const classes = classNames('timeline-queue-header', {
'hidden': (count <= 0),
@@ -27,14 +27,7 @@ export default class TimelineQueueButtonHeader extends React.PureComponent {
return (
);
diff --git a/app/soapbox/features/notifications/index.js b/app/soapbox/features/notifications/index.js
index 34fe4a700..88a980369 100644
--- a/app/soapbox/features/notifications/index.js
+++ b/app/soapbox/features/notifications/index.js
@@ -23,6 +23,7 @@ import { getSettings } from 'soapbox/actions/settings';
const messages = defineMessages({
title: { id: 'column.notifications', defaultMessage: 'Notifications' },
+ queue: { id: 'notifications.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {notification} other {notifications}}' },
});
const getNotifications = createSelector([
@@ -182,7 +183,11 @@ class Notifications extends React.PureComponent {
{filterBarContainer}
-
+
{scrollContainer}
);