worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Feat: 리액션 뷰어에서도 이모지를 가져올 수 있음

Browse source 
test

test

test

test

test

test

test

test

test

test

test
This commit is contained in:
NoriDev 2023-12-21 16:39:04 +09:00
parent 70f8e7bafd
commit 709ef01945
1 changed files with 35 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
packages/frontend/src/components/MkReactionsViewer.reaction.vue
View file

@ -10,9 +10,9 @@ SPDX-License-Identifier: AGPL-3.0-only
v-vibrate="defaultStore.state.vibrateSystem ? [10, 30, 40] : []"
class="_button"
:class="[$style.root, { [$style.reacted]: note.myReaction == reaction, [$style.canToggle]: (canToggle || alternative), [$style.small]: defaultStore.state.reactionsDisplaySize === 'small', [$style.large]: defaultStore.state.reactionsDisplaySize === 'large' }]"
@click="toggleReaction"
@click.stop="(ev) => { canToggle || alternative ? toggleReaction(ev) : stealReaction(ev) }"
>
<MkReactionIcon :class="defaultStore.state.limitWidthOfReaction ? $style.limitWidth : ''" :reaction="reaction" :emojiUrl="note.reactionEmojis[reaction.substring(1, reaction.length - 1)]" @click="toggleReaction"/>
<MkReactionIcon :class="defaultStore.state.limitWidthOfReaction ? $style.limitWidth : ''" :reaction="reaction" :emojiUrl="note.reactionEmojis[reaction.substring(1, reaction.length - 1)]" @click.stop="(ev) => { canToggle || alternative ? toggleReaction(ev) : stealReaction(ev) }"/>
<span :class="$style.count">{{ count }}</span>
</button>
</template>
@ -87,7 +87,7 @@ async function toggleReaction(ev: MouseEvent) {
if (oldReaction !== props.reaction) {
os.api('notes/reactions/create', {
noteId: props.note.id,
reaction: props.reaction,
reaction: `:${reactionName.value}:`,
});
}
});
@ -109,6 +109,38 @@ async function toggleReaction(ev: MouseEvent) {
}
}
function stealReaction(ev: MouseEvent) {
if (props.note.user.host && $i && ($i.isAdmin ?? $i.policies.canManageCustomEmojis)) {
os.popupMenu([{
type: 'label',
text: props.reaction,
}, {
text: i18n.ts.import,
icon: 'ti ti-plus',
action: async () => {
await os.apiWithDialog('admin/emoji/steal', {
name: reactionName.value,
host: props.note.user.host,
});
},
}, {
text: i18n.ts.doReaction,
icon: 'ti ti-mood-plus',
action: async () => {
await os.apiWithDialog('admin/emoji/steal', {
name: reactionName.value,
host: props.note.user.host,
});
await os.api('notes/reactions/create', {
noteId: props.note.id,
reaction: `:${reactionName.value}:`,
});
},
}], ev.currentTarget ?? ev.target);
}
}
function anime() {
if (document.hidden) return;
if (!defaultStore.state.animation) return;