From 0739a58d66f70606687de95d901c83932fb2055c Mon Sep 17 00:00:00 2001
From: sim1222 <kokt@sim1222.com>
Date: Sun, 25 Dec 2022 18:06:42 +0900
Subject: [PATCH] improve reactionImportMenu

---
 .../client/src/components/MkReactionsViewer.reaction.vue  | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/components/MkReactionsViewer.reaction.vue b/packages/client/src/components/MkReactionsViewer.reaction.vue
index f025e805a..ba3173a03 100644
--- a/packages/client/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/client/src/components/MkReactionsViewer.reaction.vue
@@ -5,7 +5,7 @@
 	v-ripple="canToggle"
 	class="hkzvhatu _button"
 	:class="{ reacted: note.myReaction == reaction, canToggle }"
-	@click="toggleReaction()"
+	@click="toggleReaction"
 	@contextmenu.stop="onContextmenu"
 >
 	<XReactionIcon class="icon" :reaction="reaction" :custom-emojis="note.emojis"/>
@@ -34,8 +34,10 @@ const buttonRef = ref<HTMLElement>();
 
 const canToggle = computed(() => !props.reaction.match(/@\w/) && $i);
 
-const toggleReaction = () => {
-	if (!canToggle.value) return;
+const toggleReaction = (e: MouseEvent) => {
+	if (!canToggle.value) {
+		openReactionImportMenu(e, props.reaction, props.note.id);
+	}
 
 	const oldReaction = props.note.myReaction;
 	if (oldReaction) {