複数リアクション周りの修正

Author: mattyatea

packages/frontend/src/components/MkNote.vue

@@ -852,10 +852,10 @@ function undoReact(targetNote: Misskey.entities.Note): void {
 }
 
 function toggleReact() {
-	if ($appearNote.myReaction == null) {
+	console.log($appearNote.myReactions?.length);
+	if ($appearNote.myReactions?.length < 3 ||
+		($appearNote.myReaction && appearNote.user.host)) {
 		react();
-	} else {
-		undoReact(appearNote);
 	}
 }
 

packages/frontend/src/components/MkReactionsViewer.reaction.vue

@@ -23,8 +23,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 	@contextmenu.prevent.stop="menu"
 >
 	<MkReactionIcon
-		style="pointer-events: none;" :class="limitWidthOfReaction ? $style.limitWidth : ''" :reaction="reaction" :emojiUrl="reactionEmojis[reaction.substring(1, reaction.length - 1)]"/>
-	<span :class="[
+		style="pointer-events: none;" :class="limitWidthOfReaction ? $style.limitWidth : ''" :reaction="reaction" :emojiUrl="reactionEmojis[reaction.substring(1, reaction.length - 1)]"
+	/>
+	<span
+		:class="[
 			$style.count,
 			{
 				[$style.gamingDark]: gamingType === 'dark',
@@ -127,7 +129,7 @@ async function toggleReaction() {
 
 	// Check if already reacted using the same logic as isReacted
 	const alreadyReacted = props.note.myReactions?.includes(props.reaction) ?? false;
-	
+
 	if (alreadyReacted) {
 		const confirm = await os.confirm({
 			type: 'warning',
@@ -141,7 +143,7 @@ async function toggleReaction() {
 		}
 
 		// Note: The myReactions array will be updated by the noteEvents handler in use-note-capture.ts
-		
+
 		misskeyApi('notes/reactions/delete', {
 			noteId: props.noteId,
 			reaction: props.reaction,

packages/frontend/src/scripts/use-note-capture.ts

@@ -39,7 +39,6 @@ export function useNoteCapture(props: {
 
 				if ($i && (body.userId === $i.id)) {
 					note.value.myReaction = reaction;
-					console.log(note.value.myReactions);
 					if (!note.value.myReactions) {
 						note.value.myReactions = [];
 						note.value.myReactions.push(reaction);
@@ -62,7 +61,7 @@ export function useNoteCapture(props: {
 
 				if ($i && (body.userId === $i.id)) {
 					note.value.myReaction = null;
-					note.value.myReactions = note.value.myReactions.filter(r => r !== reaction);
+					note.value.myReactions = note.value.myReactions?.filter(r => r !== reaction);
 				}
 				break;
 			}