From e118a28542ad2fb6d8d3dc37a80bae0224074a8e Mon Sep 17 00:00:00 2001 From: ThatOneCalculator Date: Sun, 12 Feb 2023 20:14:05 -0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20Add=20in=20Misskey=20v13's?= =?UTF-8?q?=20reacted=20users=20view?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/MkReactedUsersDialog.vue | 98 +++++++++++++++++++ packages/client/src/scripts/get-note-menu.ts | 11 +++ 2 files changed, 109 insertions(+) create mode 100644 packages/client/src/components/MkReactedUsersDialog.vue diff --git a/packages/client/src/components/MkReactedUsersDialog.vue b/packages/client/src/components/MkReactedUsersDialog.vue new file mode 100644 index 0000000000..f1427db7be --- /dev/null +++ b/packages/client/src/components/MkReactedUsersDialog.vue @@ -0,0 +1,98 @@ + + + + + diff --git a/packages/client/src/scripts/get-note-menu.ts b/packages/client/src/scripts/get-note-menu.ts index e8e726ab3b..8ab714af30 100644 --- a/packages/client/src/scripts/get-note-menu.ts +++ b/packages/client/src/scripts/get-note-menu.ts @@ -223,6 +223,12 @@ export function getNoteMenu(props: { }); } + function showReactions(): void { + os.popup(defineAsyncComponent(() => import('@/components/MkReactedUsersDialog.vue')), { + noteId: appearNote.id, + }, {}, 'closed'); + } + async function translate(): Promise { if (props.translation.value != null) return; props.translating.value = true; @@ -252,6 +258,11 @@ export function getNoteMenu(props: { null, ] : []), + { + icon: "ph-smiley-bold ph-lg", + text: i18n.ts.reaction, + action: showReactions, + }, { icon: "ph-clipboard-text-bold ph-lg", text: i18n.ts.copyContent,