From 5484d31ad5506d07193ad322b218551e4d62d607 Mon Sep 17 00:00:00 2001
From: caipira113 <caipira@libnare.net>
Date: Thu, 18 Jan 2024 06:07:40 +0900
Subject: [PATCH] Optional showHeartReactionButtonInNoteFooter

---
 locales/en-US.yml                                   | 1 +
 locales/ja-JP.yml                                   | 1 +
 locales/ko-KR.yml                                   | 1 +
 packages/frontend/src/components/MkNote.vue         | 2 +-
 packages/frontend/src/components/MkNoteDetailed.vue | 2 +-
 packages/frontend/src/store.ts                      | 4 ++++
 6 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index fee274b13c..2e13fa165e 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -1147,6 +1147,7 @@ retryAllQueuesConfirmText: "This will temporarily increase the server load."
 enableChartsForRemoteUser: "Generate remote user data charts"
 enableChartsForFederatedInstances: "Generate remote instance data charts"
 showClipButtonInNoteFooter: "Add \"Clip\" to note action menu"
+showHeartReactionButtonInNoteFooter: "Add \"Heart\" to note action menu"
 reactionsDisplaySize: "Reaction display size"
 limitWidthOfReaction: "Limits the maximum width of reactions and display them in reduced size."
 noteIdOrUrl: "Note ID or URL"
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index d32dbfa77e..b233134409 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1158,6 +1158,7 @@ retryAllQueuesConfirmText: "一時的にサーバーの負荷が増大するこ
 enableChartsForRemoteUser: "リモートユーザーのチャートを生成"
 enableChartsForFederatedInstances: "リモートサーバーのチャートを生成"
 showClipButtonInNoteFooter: "ノートのアクションにクリップを追加"
+showHeartReactionButtonInNoteFooter: "ノートのアクションにハートリアクションを追加"
 reactionsDisplaySize: "リアクションの表示サイズ"
 limitWidthOfReaction: "リアクションの最大横幅を制限し、縮小して表示する"
 noteIdOrUrl: "ノートIDまたはURL"
diff --git a/locales/ko-KR.yml b/locales/ko-KR.yml
index 7e2819024d..9ea471a971 100644
--- a/locales/ko-KR.yml
+++ b/locales/ko-KR.yml
@@ -1151,6 +1151,7 @@ retryAllQueuesConfirmText: "일시적으로 서버의 부하가 증가할 수 
 enableChartsForRemoteUser: "리모트 사용자 차트 생성"
 enableChartsForFederatedInstances: "리모트 서버 차트 생성"
 showClipButtonInNoteFooter: "노트 동작에 클립 버튼 추가"
+showHeartReactionButtonInNoteFooter: "노트 동작에 하트 리액션 버튼 추가"
 reactionsDisplaySize: "리액션 표시 크기"
 limitWidthOfReaction: "리액션의 최대 폭을 제한하고 작게 표시"
 noteIdOrUrl: "노트 ID 및 URL"
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 0457cbcd43..1d068e139a 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -152,7 +152,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<button v-else :class="$style.footerButton" class="_button" disabled>
 					<i class="ti ti-ban"></i>
 				</button>
-				<button v-if="appearNote.myReaction == null" ref="heartReactButton" v-vibrate="defaultStore.state.vibrateSystem ? [30, 50, 50] : []" v-tooltip="i18n.ts.like" :class="$style.footerButton" class="_button" @click.stop="heartReact()">
+				<button v-if="appearNote.myReaction === null && defaultStore.state.showHeartReactionButtonInNoteFooter || !defaultStore.state.showHeartReactionButtonInNoteFooter && appearNote.reactionAcceptance === 'likeOnly'" ref="heartReactButton" v-vibrate="defaultStore.state.vibrateSystem ? [30, 50, 50] : []" v-tooltip="i18n.ts.like" :class="$style.footerButton" class="_button" @click.stop="heartReact()">
 					<i class="ti ti-heart"></i>
 				</button>
 				<button v-if="appearNote.reactionAcceptance !== 'likeOnly'" ref="reactButton" v-vibrate="defaultStore.state.vibrateSystem ? [30, 50, 50] : []" :class="$style.footerButton" class="_button" @click.stop="react()">
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 9f134ecac4..8e826ceca0 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -165,7 +165,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<button v-else class="_button" :class="$style.noteFooterButton" disabled>
 				<i class="ti ti-ban"></i>
 			</button>
-			<button v-if="appearNote.myReaction == null" ref="heartReactButton" v-vibrate="defaultStore.state.vibrateSystem ? [30, 50, 50] : []" v-tooltip="i18n.ts.like" :class="$style.noteFooterButton" class="_button" @click="heartReact()">
+			<button v-if="appearNote.myReaction === null && defaultStore.state.showHeartReactionButtonInNoteFooter || !defaultStore.state.showHeartReactionButtonInNoteFooter && appearNote.reactionAcceptance === 'likeOnly'" ref="heartReactButton" v-vibrate="defaultStore.state.vibrateSystem ? [30, 50, 50] : []" v-tooltip="i18n.ts.like" :class="$style.noteFooterButton" class="_button" @click="heartReact()">
 				<i class="ti ti-heart"></i>
 			</button>
 			<button v-if="appearNote.reactionAcceptance !== 'likeOnly'" ref="reactButton" v-vibrate="defaultStore.state.vibrateSystem ? [30, 50, 50] : []" :class="$style.noteFooterButton" class="_button" @click="react()">
diff --git a/packages/frontend/src/store.ts b/packages/frontend/src/store.ts
index 8d6eb7cfff..5f9eaefd1d 100644
--- a/packages/frontend/src/store.ts
+++ b/packages/frontend/src/store.ts
@@ -364,6 +364,10 @@ export const defaultStore = markRaw(new Storage('base', {
 		where: 'device',
 		default: false,
 	},
+	showHeartReactionButtonInNoteFooter: {
+		where: 'device',
+		default: false,
+	},
 	reactionsDisplaySize: {
 		where: 'device',
 		default: 'small' as 'small' | 'medium' | 'large',