From 5c3b8be055f5e327b37beec3f057025428bd97cd Mon Sep 17 00:00:00 2001
From: Alex <49969959+alexzhang1030@users.noreply.github.com>
Date: Fri, 28 Apr 2023 15:38:44 +0800
Subject: [PATCH] feat: add wellbeing preference hide news (#2026)

---
 components/common/CommonRouteTabs.vue | 3 ++-
 composables/settings/definition.ts    | 2 ++
 locales/en.json                       | 1 +
 locales/zh-CN.json                    | 1 +
 pages/[[server]]/explore.vue          | 3 +++
 pages/settings/preferences/index.vue  | 6 ++++++
 6 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/components/common/CommonRouteTabs.vue b/components/common/CommonRouteTabs.vue
index a2b453a7..e0eefc4f 100644
--- a/components/common/CommonRouteTabs.vue
+++ b/components/common/CommonRouteTabs.vue
@@ -7,6 +7,7 @@ export interface CommonRouteTabOption {
   disabled?: boolean
   name?: string
   icon?: string
+  hide?: boolean
 }
 const { options, command, replace, preventScrollTop = false } = $defineProps<{
   options: CommonRouteTabOption[]
@@ -31,7 +32,7 @@ useCommands(() => command
 <template>
   <div flex w-full items-center lg:text-lg of-x-auto scrollbar-hide border="b base">
     <template
-      v-for="(option, index) in options"
+      v-for="(option, index) in options.filter(item => !item.hide)"
       :key="option?.name || index"
     >
       <NuxtLink
diff --git a/composables/settings/definition.ts b/composables/settings/definition.ts
index b3db9328..fa1485ba 100644
--- a/composables/settings/definition.ts
+++ b/composables/settings/definition.ts
@@ -16,6 +16,7 @@ export interface PreferencesSettings {
   hideTranslation: boolean
   hideUsernameEmojis: boolean
   hideAccountHoverCard: boolean
+  hideNews: boolean
   grayscaleMode: boolean
   enableAutoplay: boolean
   enableDataSaving: boolean
@@ -66,6 +67,7 @@ export const DEFAULT__PREFERENCES_SETTINGS: PreferencesSettings = {
   hideTranslation: false,
   hideUsernameEmojis: false,
   hideAccountHoverCard: false,
+  hideNews: false,
   grayscaleMode: false,
   enableAutoplay: true,
   enableDataSaving: false,
diff --git a/locales/en.json b/locales/en.json
index 168ad54c..b7eebcc2 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -444,6 +444,7 @@
       "hide_boost_count": "Hide boost count",
       "hide_favorite_count": "Hide favorite count",
       "hide_follower_count": "Hide following/follower count",
+      "hide_news": "Hide news",
       "hide_reply_count": "Hide reply count",
       "hide_translation": "Hide translation",
       "hide_username_emojis": "Hide username emojis",
diff --git a/locales/zh-CN.json b/locales/zh-CN.json
index c8dff3fc..6e23d2b9 100644
--- a/locales/zh-CN.json
+++ b/locales/zh-CN.json
@@ -442,6 +442,7 @@
       "hide_boost_count": "隐藏转发数",
       "hide_favorite_count": "隐藏收藏数",
       "hide_follower_count": "隐藏关注者数",
+      "hide_news": "隐藏新闻页",
       "hide_reply_count": "隐藏回复数",
       "hide_translation": "隐藏翻译",
       "hide_username_emojis": "隐藏用户昵称的表情符号",
diff --git a/pages/[[server]]/explore.vue b/pages/[[server]]/explore.vue
index ae761cea..b0e257d4 100644
--- a/pages/[[server]]/explore.vue
+++ b/pages/[[server]]/explore.vue
@@ -14,6 +14,8 @@ onActivated(() =>
 )
 onDeactivated(() => search?.input?.blur())
 
+const userSettings = useUserSettings()
+
 const tabs = $computed<CommonRouteTabOption[]>(() => [
   {
     to: isHydrated.value ? `/${currentServer.value}/explore` : '/explore',
@@ -26,6 +28,7 @@ const tabs = $computed<CommonRouteTabOption[]>(() => [
   {
     to: isHydrated.value ? `/${currentServer.value}/explore/links` : '/explore/links',
     display: isHydrated.value ? t('tab.news') : '',
+    hide: userSettings.value.preferences.hideNews,
   },
   // This section can only be accessed after logging in
   {
diff --git a/pages/settings/preferences/index.vue b/pages/settings/preferences/index.vue
index 90213abb..0951b755 100644
--- a/pages/settings/preferences/index.vue
+++ b/pages/settings/preferences/index.vue
@@ -92,6 +92,12 @@ const userSettings = useUserSettings()
         {{ $t('settings.preferences.hide_username_emojis_description') }}
       </template>
     </SettingsToggleItem>
+    <SettingsToggleItem
+      :checked="getPreferences(userSettings, 'hideNews')"
+      @click="togglePreferences('hideNews')"
+    >
+      {{ $t("settings.preferences.hide_news") }}
+    </SettingsToggleItem>
     <SettingsToggleItem
       :checked="getPreferences(userSettings, 'zenMode')"
       @click="togglePreferences('zenMode')"