usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

(fix) reactionViewer mock

This commit is contained in:
kakkokari-gtyih 2023-10-31 20:46:03 +09:00
parent 3dd0d8d647
commit dd736b8990
3 changed files with 24 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/src/components/MkNote.vue
View File

@ -84,7 +84,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ti ti-device-tv"></i> {{ appearNote.channel.name }}</MkA>
</div>
<MkReactionsViewer :note="appearNote" :maxNumber="16">
<MkReactionsViewer :note="appearNote" :maxNumber="16" :mock="mock">
<template #more>
<div :class="$style.reactionOmitted">{{ i18n.ts.more }}</div>
</template>

9
packages/frontend/src/components/MkReactionsViewer.reaction.vue
View File

@ -34,6 +34,7 @@ const props = defineProps<{
count: number;
isInitial: boolean;
note: Misskey.entities.Note;
mock?: boolean;
}>();
const buttonEl = shallowRef<HTMLElement>();
@ -51,7 +52,7 @@ async function toggleReaction() {
type: 'warning',
text: oldReaction !== props.reaction ? i18n.ts.changeReactionConfirm : i18n.ts.cancelReactionConfirm,
});
if (confirm.canceled) return;
if (confirm.canceled || props.mock) return;
os.api('notes/reactions/delete', {
noteId: props.note.id,
@ -92,7 +93,8 @@ onMounted(() => {
if (!props.isInitial) anime();
});
useTooltip(buttonEl, async (showing) => {
if (!props.mock) {
useTooltip(buttonEl, async (showing) => {
const reactions = await os.apiGet('notes/reactions', {
noteId: props.note.id,
type: props.reaction,
@ -109,7 +111,8 @@ useTooltip(buttonEl, async (showing) => {
count: props.count,
targetElement: buttonEl.value,
}, {}, 'closed');
}, 100);
}, 100);
}
</script>
<style lang="scss" module>

4
packages/frontend/src/components/MkReactionsViewer.vue
View File

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:moveClass="defaultStore.state.animation ? $style.transition_x_move : ''"
tag="div" :class="$style.root"
>
<XReaction v-for="[reaction, count] in reactions" :key="reaction" :reaction="reaction" :count="count" :isInitial="initialReactions.has(reaction)" :note="note"/>
<XReaction v-for="[reaction, count] in reactions" :key="reaction" :reaction="reaction" :count="count" :isInitial="initialReactions.has(reaction)" :note="note" :mock="mock"/>
<slot v-if="hasMoreReactions" name="more"/>
</TransitionGroup>
</template>
@ -26,8 +26,10 @@ import { defaultStore } from '@/store.js';
const props = withDefaults(defineProps<{
note: Misskey.entities.Note;
maxNumber?: number;
mock?: boolean;
}>(), {
maxNumber: Infinity,
mock: false,
});
const initialReactions = new Set(Object.keys(props.note.reactions));