From 4a74b16d2482597af99509c6fd803711e0b11ad1 Mon Sep 17 00:00:00 2001
From: Evan Boehs <evan@boehs.org>
Date: Fri, 3 Feb 2023 12:12:48 -0500
Subject: [PATCH] feat: option to hide alt indicator closes #1410

---
 components/status/StatusAttachment.vue | 4 +++-
 composables/settings/definition.ts     | 2 ++
 locales/en.json                        | 1 +
 pages/settings/preferences/index.vue   | 6 ++++++
 4 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/components/status/StatusAttachment.vue b/components/status/StatusAttachment.vue
index eb30c935..57418fb8 100644
--- a/components/status/StatusAttachment.vue
+++ b/components/status/StatusAttachment.vue
@@ -87,6 +87,8 @@ useIntersectionObserver(video, (entries) => {
     }
   })
 }, { threshold: 0.75 })
+
+const userSettings = useUserSettings()
 </script>
 
 <template>
@@ -167,7 +169,7 @@ useIntersectionObserver(video, (entries) => {
         />
       </button>
     </template>
-    <div v-if="attachment.description" :class="isAudio ? '' : 'absolute left-2 bottom-2'">
+    <div v-if="attachment.description && !getPreferences(userSettings, 'hideAltIndicatorOnPosts')" :class="isAudio ? '' : 'absolute left-2 bottom-2'">
       <VDropdown :distance="6" placement="bottom-start">
         <button
           font-bold text-sm
diff --git a/composables/settings/definition.ts b/composables/settings/definition.ts
index 9fdc74da..90423afc 100644
--- a/composables/settings/definition.ts
+++ b/composables/settings/definition.ts
@@ -8,6 +8,7 @@ export type OldFontSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
 export type ColorMode = 'light' | 'dark' | 'system'
 
 export interface PreferencesSettings {
+  hideAltIndicatorOnPosts: boolean
   hideBoostCount: boolean
   hideReplyCount: boolean
   hideFavoriteCount: boolean
@@ -65,6 +66,7 @@ export function getDefaultUserSettings(locales: string[]): UserSettings {
 }
 
 export const DEFAULT__PREFERENCES_SETTINGS: PreferencesSettings = {
+  hideAltIndicatorOnPosts: false,
   hideBoostCount: false,
   hideReplyCount: false,
   hideFavoriteCount: false,
diff --git a/locales/en.json b/locales/en.json
index 5cc2608e..15014c52 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -400,6 +400,7 @@
       "github_cards": "GitHub Cards",
       "grayscale_mode": "Grayscale mode",
       "hide_account_hover_card": "Hide account hover card",
+      "hide_alt_indi_on_posts": "Hide alt indicator on posts",
       "hide_boost_count": "Hide boost count",
       "hide_favorite_count": "Hide favorite count",
       "hide_follower_count": "Hide follower count",
diff --git a/pages/settings/preferences/index.vue b/pages/settings/preferences/index.vue
index db633c26..3c6866ab 100644
--- a/pages/settings/preferences/index.vue
+++ b/pages/settings/preferences/index.vue
@@ -15,6 +15,12 @@ const userSettings = useUserSettings()
         {{ $t('settings.preferences.label') }}
       </h1>
     </template>
+    <SettingsToggleItem
+      :checked="getPreferences(userSettings, 'hideAltIndicatorOnPosts')"
+      @click="togglePreferences('hideAltIndicatorOnPosts')"
+    >
+      {{ $t('settings.preferences.hide_alt_indi_on_posts') }}
+    </SettingsToggleItem>
     <SettingsToggleItem
       :checked="getPreferences(userSettings, 'hideBoostCount')"
       @click="togglePreferences('hideBoostCount')"