Pari Plus! add disableReactionsViewer

locales/en-US.yml

@@ -1293,6 +1293,7 @@ showDetailTimeWhenHover: "Hover the timestamp of the note to expand the detailed
 noteClickToOpen: "Click to open note details"
 enableFallbackReactButton: "Enable fallback reaction button"
 enableMFMCheatsheet: "Enable MFM Cheatsheet in post form"
+disableReactionsViewer: "Disable reactions viewer"
 autoSpacing: "Auto Spacing"
 autoSpacingDescription: "Adding spaces between CJK and English characters"
 performance: "Performance"

locales/zh-CN.yml

@@ -1302,6 +1302,7 @@ showDetailTimeWhenHover: "悬浮/长按帖文时间戳时，展开详细时间"
 noteClickToOpen: "点击展开帖文详情"
 enableFallbackReactButton: "开启Fallback回应按钮"
 enableMFMCheatsheet: "在帖文编辑框中启用MFM Cheatsheet"
+disableReactionsViewer: "禁用帖文回应显示"
 autoSpacing: "自动空格"
 autoSpacingDescription: "在CJK字符和英文字符中添加空格"
 messageToFollower: "给关注者的消息"

locales/zh-TW.yml

@@ -1302,6 +1302,7 @@ showDetailTimeWhenHover: "長按貼文時間戳記時展開詳細時間"
 noteClickToOpen: "點擊展開貼文詳情"
 enableFallbackReactButton: "啓用Fallback回應鍵"
 enableMFMCheatsheet: "在貼文編輯框中啓用MFM Cheatsheet"
+disableReactionsViewer: "禁用貼文回應顯示"
 autoSpacing: "自動間距"
 autoSpacingDescription: "在CJK字符和英文字符中添加間距"
 messageToFollower: "給追隨者的訊息"

packages/frontend/src/components/MkNote.vue

@@ -114,7 +114,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				</div>
 				<MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ti ti-device-tv"></i> {{ appearNote.channel.name }}</MkA>
 			</div>
-			<MkReactionsViewer v-if="appearNote.reactionAcceptance !== 'likeOnly'" :note="appearNote" :maxNumber="16" @mockUpdateMyReaction="emitUpdReaction">
+			<MkReactionsViewer v-if="appearNote.reactionAcceptance !== 'likeOnly' && !defaultStore.state.disableReactionsViewer" :note="appearNote" :maxNumber="16" @mockUpdateMyReaction="emitUpdReaction">
 				<template #more>
 					<MkA :to="`/notes/${appearNote.id}/reactions`" :class="[$style.reactionOmitted]">{{ i18n.ts.more }}</MkA>
 				</template>

packages/frontend/src/pages/settings/pari.vue

@@ -60,6 +60,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<MkSwitch v-model="enableFallbackReactButton">{{ i18n.ts.enableFallbackReactButton }}</MkSwitch>
 			<MkSwitch v-model="enableMFMCheatsheet">{{ i18n.ts.enableMFMCheatsheet }}</MkSwitch>
 			<MkSwitch v-model="collapseNotesRepliedTo">{{ i18n.ts.collapseNotesRepliedTo }}</MkSwitch>
+			<MkSwitch v-model="disableReactionsViewer">{{ i18n.ts.disableReactionsViewer }}</MkSwitch>
 			<MkSelect v-model="autoSpacingBehaviour">
 				<template #label>{{ i18n.ts.autoSpacing }}</template>
 				<option :value="null">{{ i18n.ts.disabled }}</option>
@@ -108,6 +109,7 @@ const enableFallbackReactButton = computed(defaultStore.makeGetterSetter('enable
 const enableMFMCheatsheet = computed(defaultStore.makeGetterSetter('enableMFMCheatsheet'));
 const autoSpacingBehaviour = computed(defaultStore.makeGetterSetter('autoSpacingBehaviour'));
 const collapseNotesRepliedTo = computed(defaultStore.makeGetterSetter('collapseNotesRepliedTo'));
+const disableReactionsViewer = computed(defaultStore.makeGetterSetter('disableReactionsViewer'));
 
 definePageMetadata(() => ({
 	title: 'Pari Plus!',

packages/frontend/src/store.ts

@@ -535,6 +535,10 @@ export const defaultStore = markRaw(new Storage('base', {
 		where: 'device',
 		default: false,
 	},
+	disableReactionsViewer: {
+		where: 'device',
+		default: false,
+	},
 }));
 
 // TODO: 他のタブと永続化されたstateを同期