fix: add tooltip and label to PublishThreadTools

components/publish/PublishThreadTools.vue

@@ -15,6 +15,15 @@ function addOrRemoveItem() {
   else
     addThreadItem()
 }
+
+const { t } = useI18n()
+
+const label = computed(() => {
+  if (!isRemovableItem.value && props.draftItemIndex === 0)
+    return t('tooltip.start_thread')
+
+  return isRemovableItem.value ? t('tooltip.remove_thread_item') : t('tooltip.add_thread_item')
+})
 </script>
 
 <template>
@@ -26,10 +35,11 @@ function addOrRemoveItem() {
       {{ draftItemIndex + 1 }}<span text-secondary-light>/</span><span text-secondary-light>{{ threadItems.length
       }}</span>
     </div>
-
-    <button btn-action-icon :aria-label="$t('tooltip.manage_thread')" @click="addOrRemoveItem">
-      <div v-if="isRemovableItem" i-ri:chat-delete-line />
-      <div v-else i-ri:chat-new-line />
-    </button>
+    <CommonTooltip placement="top" :content="label">
+      <button btn-action-icon :aria-label="label" @click="addOrRemoveItem">
+        <div v-if="isRemovableItem" i-ri:chat-delete-line />
+        <div v-else i-ri:chat-new-line />
+      </button>
+    </CommonTooltip>
   </div>
 </template>

locales/de-DE.json

@@ -669,6 +669,7 @@
     "add_emojis": "Emojis hinzufügen",
     "add_media": "Bilder, ein Video oder eine Audiodatei hinzufügen",
     "add_publishable_content": "Füge Inhalte zum Veröffentlichen hinzu",
+    "add_thread_item": "Weiteres Element zum Thread hinzufügen",
     "change_content_visibility": "Sichtbarkeit von Inhalten ändern",
     "change_language": "Sprache ändern",
     "emoji": "Emoji",
@@ -678,6 +679,8 @@
     "open_editor_tools": "Bearbeitungswerkzeuge",
     "pick_an_icon": "Wähle ein Symbol",
     "publish_failed": "Schließe fehlgeschlagene Nachrichten oben im Editor, um Beiträge erneut zu veröffentlichen",
+    "remove_thread_item": "Element aus dem Thread entfernen",
+    "start_thread": "Thread starten",
     "toggle_bold": "Fett darstellen umschalten",
     "toggle_code_block": "Codeblock umschalten",
     "toggle_italic": "Kursiv umschalten"

locales/en.json

@@ -719,6 +719,7 @@
     "add_emojis": "Add emojis",
     "add_media": "Add images, a video or an audio file",
     "add_publishable_content": "Add content to publish",
+    "add_thread_item": "Add item to thread",
     "change_content_visibility": "Change content visibility",
     "change_language": "Change language",
     "emoji": "Emoji",
@@ -728,6 +729,8 @@
     "open_editor_tools": "Editor tools",
     "pick_an_icon": "Pick an icon",
     "publish_failed": "Close failed messages at the top of editor to republish posts",
+    "remove_thread_item": "Remove item from thread",
+    "start_thread": "Start thread",
     "toggle_bold": "Toggle bold",
     "toggle_code_block": "Toggle code block",
     "toggle_italic": "Toggle italic"