diff --git a/packages/client/src/components/reactions-viewer.reaction.vue b/packages/client/src/components/reactions-viewer.reaction.vue
index d7b8026fc..d9aff6a4c 100644
--- a/packages/client/src/components/reactions-viewer.reaction.vue
+++ b/packages/client/src/components/reactions-viewer.reaction.vue
@@ -6,6 +6,7 @@
class="hkzvhatu _button"
:class="{ reacted: note.myReaction == reaction, canToggle }"
@click="toggleReaction()"
+ @contextmenu.stop="onContextmenu"
>
{{ count }}
@@ -20,6 +21,7 @@ import XReactionIcon from '@/components/reaction-icon.vue';
import * as os from '@/os';
import { useTooltip } from '@/scripts/use-tooltip';
import { $i } from '@/account';
+import { openReactionImportMenu } from '@/scripts/reactionImportMenu';
const props = defineProps<{
reaction: string;
@@ -88,6 +90,11 @@ useTooltip(buttonRef, async (showing) => {
targetElement: buttonRef.value,
}, {}, 'closed');
}, 100);
+
+const onContextmenu = (e: MouseEvent) => {
+ e.preventDefault();
+ openReactionImportMenu(e, props.reaction);
+};