TimelineQueueButtonHeader: use shortNumberFormat
This commit is contained in:
parent
973d3064b5
commit
606d6297a8
2 changed files with 2 additions and 1 deletions
Binary file not shown.
|
@ -6,6 +6,7 @@ import { useIntl, MessageDescriptor } from 'react-intl';
|
||||||
import Icon from 'soapbox/components/icon';
|
import Icon from 'soapbox/components/icon';
|
||||||
import { Text } from 'soapbox/components/ui';
|
import { Text } from 'soapbox/components/ui';
|
||||||
import { useAppSelector, useSettings } from 'soapbox/hooks';
|
import { useAppSelector, useSettings } from 'soapbox/hooks';
|
||||||
|
import { shortNumberFormat } from 'soapbox/utils/numbers';
|
||||||
|
|
||||||
interface ITimelineQueueButtonHeader {
|
interface ITimelineQueueButtonHeader {
|
||||||
onClick: () => void,
|
onClick: () => void,
|
||||||
|
@ -73,7 +74,7 @@ const TimelineQueueButtonHeader: React.FC<ITimelineQueueButtonHeader> = ({
|
||||||
|
|
||||||
{(count > 0) && (
|
{(count > 0) && (
|
||||||
<Text theme='inherit' size='sm'>
|
<Text theme='inherit' size='sm'>
|
||||||
{intl.formatMessage(message, { count })}
|
{intl.formatMessage(message, { count: shortNumberFormat(count) })}
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Reference in a new issue