From d26510a766a3659837c877e0bfbebbfd97f9f274 Mon Sep 17 00:00:00 2001
From: Evan Boehs <evan@boehs.org>
Date: Thu, 26 Jan 2023 07:41:43 -0500
Subject: [PATCH] feat: hide reply count (#1439)

* feat: hide reply count

* fix(i18n): rearrange strings

* style: new line
---
 components/status/StatusActions.vue  | 4 ++--
 composables/settings/definition.ts   | 2 ++
 locales/en.json                      | 1 +
 pages/settings/preferences/index.vue | 6 ++++++
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/status/StatusActions.vue b/components/status/StatusActions.vue
index 96a4fab9..8acab172 100644
--- a/components/status/StatusActions.vue
+++ b/components/status/StatusActions.vue
@@ -37,13 +37,13 @@ const reply = () => {
     <div flex-1>
       <StatusActionButton
         :content="$t('action.reply')"
-        :text="status.repliesCount || ''"
+        :text="!getPreferences(userSettings, 'hideReplyCount') && status.repliesCount || ''"
         color="text-blue" hover="text-blue" group-hover="bg-blue/10"
         icon="i-ri:chat-1-line"
         :command="command"
         @click="reply"
       >
-        <template v-if="status.repliesCount" #text>
+        <template v-if="status.repliesCount && !getPreferences(userSettings, 'hideReplyCount')" #text>
           <CommonLocalizedNumber
             keypath="action.reply_count"
             :count="status.repliesCount"
diff --git a/composables/settings/definition.ts b/composables/settings/definition.ts
index 23cc14d4..36d0e204 100644
--- a/composables/settings/definition.ts
+++ b/composables/settings/definition.ts
@@ -9,6 +9,7 @@ export type ColorMode = 'light' | 'dark' | 'system'
 
 export interface PreferencesSettings {
   hideBoostCount: boolean
+  hideReplyCount: boolean
   hideFavoriteCount: boolean
   hideFollowerCount: boolean
   hideTranslation: boolean
@@ -62,6 +63,7 @@ export function getDefaultUserSettings(locales: string[]): UserSettings {
 
 export const DEFAULT__PREFERENCES_SETTINGS: PreferencesSettings = {
   hideBoostCount: false,
+  hideReplyCount: false,
   hideFavoriteCount: false,
   hideFollowerCount: false,
   hideTranslation: false,
diff --git a/locales/en.json b/locales/en.json
index 6b028be7..1697d014 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -368,6 +368,7 @@
       "hide_boost_count": "Hide boost count",
       "hide_favorite_count": "Hide favorite count",
       "hide_follower_count": "Hide follower count",
+      "hide_reply_count": "Hide reply count",
       "hide_translation": "Hide translation",
       "label": "Preferences",
       "title": "Experimental Features",
diff --git a/pages/settings/preferences/index.vue b/pages/settings/preferences/index.vue
index 216a12bf..373cc26b 100644
--- a/pages/settings/preferences/index.vue
+++ b/pages/settings/preferences/index.vue
@@ -27,6 +27,12 @@ const userSettings = useUserSettings()
     >
       {{ $t('settings.preferences.hide_favorite_count') }}
     </SettingsToggleItem>
+    <SettingsToggleItem
+      :checked="getPreferences(userSettings, 'hideReplyCount')"
+      @click="togglePreferences('hideReplyCount')"
+    >
+      {{ $t('settings.preferences.hide_reply_count') }}
+    </SettingsToggleItem>
     <SettingsToggleItem
       :checked="getPreferences(userSettings, 'hideFollowerCount')"
       @click="togglePreferences('hideFollowerCount')"