From 74e2183424c82d2cfccee57a6c63c403b57e8d91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicole=20Miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 7 Apr 2025 16:53:44 +0200
Subject: [PATCH] pl-fe: show mitra subscribers count
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Nicole Mikołajczyk <git@mkljczk.pl>
---
 .../features/ui/components/profile-stats.tsx   | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/features/ui/components/profile-stats.tsx b/packages/pl-fe/src/features/ui/components/profile-stats.tsx
index dbb7169d4..940b9a452 100644
--- a/packages/pl-fe/src/features/ui/components/profile-stats.tsx
+++ b/packages/pl-fe/src/features/ui/components/profile-stats.tsx
@@ -13,10 +13,11 @@ const messages = defineMessages({
   followers: { id: 'account.followers', defaultMessage: 'Followers' },
   follows: { id: 'account.follows', defaultMessage: 'Following' },
   statuses: { id: 'account.statuses', defaultMessage: 'Statuses' },
+  subscribers: { id: 'account.subscribers', defaultMessage: 'Subscribers' },
 });
 
 interface IProfileStats {
-  account: Pick<Account, 'acct' | 'followers_count' | 'following_count' | 'statuses_count'> | undefined;
+  account: Pick<Account, 'acct' | 'followers_count' | 'following_count' | 'statuses_count' | 'subscribers_count'> | undefined;
   onClickHandler?: React.MouseEventHandler;
 }
 
@@ -67,6 +68,21 @@ const ProfileStats: React.FC<IProfileStats> = ({ account, onClickHandler }) => {
           </Text>
         </HStack>
       </NavLink>
+
+      {account.subscribers_count > 0 && (
+        // <NavLink to={`/@${account.acct}/subscribers`} onClick={onClickHandler} title={intl.formatNumber(account.subscribers_count)} className='hover:underline'>
+        <HStack alignItems='center' space={1}>
+          {!demetricator && (
+            <Text theme='primary' weight='bold' size='sm'>
+              {shortNumberFormat(account.subscribers_count)}
+            </Text>
+          )}
+          <Text weight='bold' size='sm'>
+            {intl.formatMessage(messages.subscribers)}
+          </Text>
+        </HStack>
+        // </NavLink>
+      )}
     </HStack>
   );
 };