diff options
Diffstat (limited to 'packages/frontend/src/components/MkNoteDetailed.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteDetailed.vue | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue index cc26b0d0dc..fb37bb1ae6 100644 --- a/packages/frontend/src/components/MkNoteDetailed.vue +++ b/packages/frontend/src/components/MkNoteDetailed.vue @@ -187,7 +187,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkNoteSub v-for="note in replies" :key="note.id" :note="note" :class="$style.reply" :detail="true"/> </div> <div v-else-if="tab === 'renotes'" :class="$style.tab_renotes"> - <MkPagination :pagination="renotesPagination" :disableAutoLoad="true"> + <MkPagination :paginator="renotesPaginator"> <template #default="{ items }"> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); grid-gap: 12px;"> <MkA v-for="item in items" :key="item.id" :to="userPage(item.user)"> @@ -204,7 +204,7 @@ SPDX-License-Identifier: AGPL-3.0-only <span style="margin-left: 4px;">{{ $appearNote.reactions[reaction] }}</span> </button> </div> - <MkPagination v-if="reactionTabType" :key="reactionTabType" :pagination="reactionsPagination" :disableAutoLoad="true"> + <MkPagination v-if="reactionTabType" :key="reactionTabType" :paginator="reactionsPaginator"> <template #default="{ items }"> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); grid-gap: 12px;"> <MkA v-for="item in items" :key="item.id" :to="userPage(item.user)"> @@ -228,7 +228,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { computed, inject, onMounted, provide, ref, useTemplateRef } from 'vue'; +import { computed, inject, markRaw, onMounted, provide, ref, useTemplateRef } from 'vue'; import * as mfm from 'mfm-js'; import * as Misskey from 'misskey-js'; import { isLink } from '@@/js/is-link.js'; @@ -274,6 +274,7 @@ import { prefer } from '@/preferences.js'; import { getPluginHandlers } from '@/plugin.js'; import { DI } from '@/di.js'; import { globalEvents, useGlobalEvent } from '@/events.js'; +import { Paginator } from '@/utility/paginator.js'; const props = withDefaults(defineProps<{ note: Misskey.entities.Note; @@ -376,21 +377,19 @@ provide(DI.mfmEmojiReactCallback, (reaction) => { const tab = ref(props.initialTab); const reactionTabType = ref<string | null>(null); -const renotesPagination = computed(() => ({ - endpoint: 'notes/renotes', +const renotesPaginator = markRaw(new Paginator('notes/renotes', { limit: 10, params: { noteId: appearNote.id, }, })); -const reactionsPagination = computed(() => ({ - endpoint: 'notes/reactions', +const reactionsPaginator = markRaw(new Paginator('notes/reactions', { limit: 10, - params: { + computedParams: computed(() => ({ noteId: appearNote.id, type: reactionTabType.value, - }, + })), })); useTooltip(renoteButton, async (showing) => { |