diff --git a/packages/frontend/src/pages/messaging/messaging-room.vue b/packages/frontend/src/pages/messaging/messaging-room.vue index fa08b1cb72..84dcfc3622 100644 --- a/packages/frontend/src/pages/messaging/messaging-room.vue +++ b/packages/frontend/src/pages/messaging/messaging-room.vue @@ -16,7 +16,7 @@ </template> <template #default="{ items: messages, fetching: pFetching }"> - <XList + <MkDateSeparatedList v-if="messages.length > 0" v-slot="{ item: message }" :class="{ messages: true, 'deny-move-transition': pFetching }" @@ -25,7 +25,7 @@ reversed > <XMessage :key="message.id" :message="message" :is-group="group != null"/> - </XList> + </MkDateSeparatedList> </template> </MkPagination> </div> @@ -55,7 +55,7 @@ import * as Misskey from 'misskey-js'; import * as Acct from 'misskey-js/built/acct'; import XMessage from './messaging-room.message.vue'; import XForm from './messaging-room.form.vue'; -import XList from '@/components/MkDateSeparatedList.vue'; +import MkDateSeparatedList from '@/components/MkDateSeparatedList.vue'; import MkPagination, { Paging } from '@/components/MkPagination.vue'; import { isBottomVisible, onScrollBottom, scrollToBottom } from '@/scripts/scroll'; import * as os from '@/os';