From 5ad32c9e26ea8cc3d58c79117de362c138928aad Mon Sep 17 00:00:00 2001
From: Ryan Cao <70191398+ryanccn@users.noreply.github.com>
Date: Wed, 31 May 2023 23:59:54 +0800
Subject: [PATCH] fix: handle hidden followers/following count (#2120)

---
 components/account/AccountPostsFollowers.vue | 40 +++++++++++++-------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/components/account/AccountPostsFollowers.vue b/components/account/AccountPostsFollowers.vue
index 4c877f8a..830ddd8e 100644
--- a/components/account/AccountPostsFollowers.vue
+++ b/components/account/AccountPostsFollowers.vue
@@ -33,13 +33,21 @@ const userSettings = useUserSettings()
       text-secondary exact-active-class="text-primary"
     >
       <template #default="{ isExactActive }">
-        <CommonLocalizedNumber
+        <template
           v-if="!getPreferences(userSettings, 'hideFollowerCount')"
-          keypath="account.following_count"
-          :count="account.followingCount"
-          font-bold
-          :class="isExactActive ? 'text-primary' : 'text-base'"
-        />
+        >
+          <CommonLocalizedNumber
+            v-if="account.followingCount >= 0"
+            keypath="account.following_count"
+            :count="account.followingCount"
+            font-bold
+            :class="isExactActive ? 'text-primary' : 'text-base'"
+          />
+          <div v-else flex gap-x-1>
+            <span font-bold text-base>Hidden</span>
+            <span>{{ $t('account.following') }}</span>
+          </div>
+        </template>
         <span v-else>{{ $t('account.following') }}</span>
       </template>
     </NuxtLink>
@@ -50,13 +58,19 @@ const userSettings = useUserSettings()
       exact-active-class="text-primary"
     >
       <template #default="{ isExactActive }">
-        <CommonLocalizedNumber
-          v-if="!getPreferences(userSettings, 'hideFollowerCount')"
-          keypath="account.followers_count"
-          :count="account.followersCount"
-          font-bold
-          :class="isExactActive ? 'text-primary' : 'text-base'"
-        />
+        <template v-if="!getPreferences(userSettings, 'hideFollowerCount')">
+          <CommonLocalizedNumber
+            v-if="account.followersCount >= 0"
+            keypath="account.followers_count"
+            :count="account.followersCount"
+            font-bold
+            :class="isExactActive ? 'text-primary' : 'text-base'"
+          />
+          <div v-else flex gap-x-1>
+            <span font-bold text-base>Hidden</span>
+            <span>{{ $t('account.followers') }}</span>
+          </div>
+        </template>
         <span v-else>{{ $t('account.followers') }}</span>
       </template>
     </NuxtLink>