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); +};