From 3f13a50a18b60818904c7178ab281dc4c989c0e3 Mon Sep 17 00:00:00 2001
From: Valentyne Stigloher <pixunil@posteo.eu>
Date: Tue, 16 Sep 2025 21:23:30 +0200
Subject: [PATCH] =?UTF-8?q?style(profile):=20hide=20voice=20labels=20as=20?=
 =?UTF-8?q?they=20don=E2=80=99t=20make=20much=20sense=20there?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/Pronunciation.vue        | 5 +++--
 app/components/PronunciationSpeaker.vue | 9 ++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/components/Pronunciation.vue b/app/components/Pronunciation.vue
index 0857c8b59..db5256f09 100644
--- a/app/components/Pronunciation.vue
+++ b/app/components/Pronunciation.vue
@@ -26,8 +26,9 @@ withDefaults(defineProps<{
         <PronunciationSpeaker
             v-for="voice in voices"
             :key="voice"
-            :pronunciation="pronunciation"
-            :voice="voice"
+            :pronunciation
+            :voice
+            :show-voice-label="voices.length > 1"
             class="btn btn-sm btn-link px-1 py-0"
         />
     </span>
diff --git a/app/components/PronunciationSpeaker.vue b/app/components/PronunciationSpeaker.vue
index fcc7ac82e..961c54f33 100644
--- a/app/components/PronunciationSpeaker.vue
+++ b/app/components/PronunciationSpeaker.vue
@@ -6,7 +6,7 @@ import type { VoiceKey } from '#shared/pronunciation/voices.ts';
 const props = withDefaults(defineProps<{
     pronunciation?: string | null;
     voice: VoiceKey;
-    button?: boolean;
+    showVoiceLabel?: boolean;
 }>(), {
     pronunciation: null,
 });
@@ -58,7 +58,10 @@ const icon = computed((): string => {
 });
 
 const config = useConfig();
-const name = computed((): string | null => {
+const voiceLabel = computed((): string | null => {
+    if (!props.showVoiceLabel) {
+        return null;
+    }
     if (!config.pronunciation?.enabled) {
         return props.voice.toUpperCase();
     }
@@ -83,6 +86,6 @@ const name = computed((): string | null => {
         target="_blank"
         @click.prevent="pronounce"
     >
-        <Icon :v="icon" /><sub v-if="name">{{ name }}</sub>
+        <Icon :v="icon" /><sub v-if="voiceLabel">{{ voiceLabel }}</sub>
     </Tooltip>
 </template>