From 3590b75b6bceb6adfdc26485adef4acd22e032da Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 15 Dec 2022 18:40:21 -0600
Subject: [PATCH] InteractionCounter: use shortNumberFormat

---
 .../features/status/components/status-interaction-bar.tsx    | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/status/components/status-interaction-bar.tsx b/app/soapbox/features/status/components/status-interaction-bar.tsx
index ef22ba14b..42ce3e691 100644
--- a/app/soapbox/features/status/components/status-interaction-bar.tsx
+++ b/app/soapbox/features/status/components/status-interaction-bar.tsx
@@ -1,7 +1,7 @@
 import classNames from 'clsx';
 import { List as ImmutableList } from 'immutable';
 import React from 'react';
-import { FormattedMessage, FormattedNumber } from 'react-intl';
+import { FormattedMessage } from 'react-intl';
 import { useDispatch } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 
@@ -9,6 +9,7 @@ import { openModal } from 'soapbox/actions/modals';
 import { HStack, Text, Emoji } from 'soapbox/components/ui';
 import { useAppSelector, useSoapboxConfig, useFeatures } from 'soapbox/hooks';
 import { reduceEmoji } from 'soapbox/utils/emoji-reacts';
+import { shortNumberFormat } from 'soapbox/utils/numbers';
 
 import type { Status } from 'soapbox/types/entities';
 
@@ -196,7 +197,7 @@ const InteractionCounter: React.FC<IInteractionCounter> = ({ count, onClick, chi
     >
       <HStack space={1} alignItems='center'>
         <Text theme='primary' weight='bold'>
-          <FormattedNumber value={count} />
+          {shortNumberFormat(count)}
         </Text>
 
         <Text tag='div' theme='muted'>