fix: handle hidden followers/following count (#2120)

This commit is contained in:
Ryan Cao 2023-05-31 23:59:54 +08:00 committed by GitHub
parent 2b1a5072d7
commit 5ad32c9e26
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -33,13 +33,21 @@ const userSettings = useUserSettings()
text-secondary exact-active-class="text-primary" text-secondary exact-active-class="text-primary"
> >
<template #default="{ isExactActive }"> <template #default="{ isExactActive }">
<CommonLocalizedNumber <template
v-if="!getPreferences(userSettings, 'hideFollowerCount')" v-if="!getPreferences(userSettings, 'hideFollowerCount')"
>
<CommonLocalizedNumber
v-if="account.followingCount >= 0"
keypath="account.following_count" keypath="account.following_count"
:count="account.followingCount" :count="account.followingCount"
font-bold font-bold
:class="isExactActive ? 'text-primary' : 'text-base'" :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> <span v-else>{{ $t('account.following') }}</span>
</template> </template>
</NuxtLink> </NuxtLink>
@ -50,13 +58,19 @@ const userSettings = useUserSettings()
exact-active-class="text-primary" exact-active-class="text-primary"
> >
<template #default="{ isExactActive }"> <template #default="{ isExactActive }">
<template v-if="!getPreferences(userSettings, 'hideFollowerCount')">
<CommonLocalizedNumber <CommonLocalizedNumber
v-if="!getPreferences(userSettings, 'hideFollowerCount')" v-if="account.followersCount >= 0"
keypath="account.followers_count" keypath="account.followers_count"
:count="account.followersCount" :count="account.followersCount"
font-bold font-bold
:class="isExactActive ? 'text-primary' : 'text-base'" :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> <span v-else>{{ $t('account.followers') }}</span>
</template> </template>
</NuxtLink> </NuxtLink>