diff --git a/CHANGELOG.md b/CHANGELOG.md index 5d6b3f428d..03c09904ae 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,12 +4,11 @@ - ### Client -- +- Enhance: リアクションの受け入れ設定にキャプションを追加 #15921 ### Server - - ## 2025.11.0 ### General diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue index 50340b21c2..84b0d12bb9 100644 --- a/packages/frontend/src/components/MkPostForm.vue +++ b/packages/frontend/src/components/MkPostForm.vue @@ -608,11 +608,30 @@ async function toggleReactionAcceptance() { //#region その他の設定メニューpopup function showOtherSettings() { let reactionAcceptanceIcon = 'ti ti-icons'; + let reactionAcceptanceCaption = ''; - if (reactionAcceptance.value === 'likeOnly') { - reactionAcceptanceIcon = 'ti ti-heart _love'; - } else if (reactionAcceptance.value === 'likeOnlyForRemote') { - reactionAcceptanceIcon = 'ti ti-heart-plus'; + switch (reactionAcceptance.value) { + case 'likeOnly': + reactionAcceptanceIcon = 'ti ti-heart _love'; + reactionAcceptanceCaption = i18n.ts.likeOnly; + break; + + case 'likeOnlyForRemote': + reactionAcceptanceIcon = 'ti ti-heart-plus'; + reactionAcceptanceCaption = i18n.ts.likeOnlyForRemote; + break; + + case 'nonSensitiveOnly': + reactionAcceptanceCaption = i18n.ts.nonSensitiveOnly; + break; + + case 'nonSensitiveOnlyForLocalLikeOnlyForRemote': + reactionAcceptanceCaption = i18n.ts.nonSensitiveOnlyForLocalLikeOnlyForRemote; + break; + + default: + reactionAcceptanceCaption = i18n.ts.all; + break; } const menuItems = [{ @@ -624,6 +643,7 @@ function showOtherSettings() { }, { type: 'divider' }, { icon: reactionAcceptanceIcon, text: i18n.ts.reactionAcceptance, + caption: reactionAcceptanceCaption, action: () => { toggleReactionAcceptance(); },