Improve notification
This commit is contained in:
parent
9d044329f6
commit
883fc5dde0
|
@ -1,7 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="mk-notifications" :class="{ page }">
|
<div class="mk-notifications" :class="{ page }">
|
||||||
<x-list class="notifications" :items="items" v-slot="{ item: notification }">
|
<x-list class="notifications" :items="items" v-slot="{ item: notification }">
|
||||||
<x-notification :notification="notification" :with-time="true" :full="true" class="notification" :class="{ _panel: page }" :key="notification.id"/>
|
<x-note v-if="['reply', 'quote', 'mention'].includes(notification.type)" :note="notification.note" :key="notification.id"/>
|
||||||
|
<x-notification v-else :notification="notification" :with-time="true" :full="true" class="notification" :class="{ _panel: page }" :key="notification.id"/>
|
||||||
</x-list>
|
</x-list>
|
||||||
|
|
||||||
<button class="more _button" v-if="more" @click="fetchMore" :disabled="moreFetching">
|
<button class="more _button" v-if="more" @click="fetchMore" :disabled="moreFetching">
|
||||||
|
@ -22,6 +23,7 @@ import i18n from '../i18n';
|
||||||
import paging from '../scripts/paging';
|
import paging from '../scripts/paging';
|
||||||
import XNotification from './notification.vue';
|
import XNotification from './notification.vue';
|
||||||
import XList from './date-separated-list.vue';
|
import XList from './date-separated-list.vue';
|
||||||
|
import XNote from './note.vue';
|
||||||
|
|
||||||
export default Vue.extend({
|
export default Vue.extend({
|
||||||
i18n,
|
i18n,
|
||||||
|
@ -29,6 +31,7 @@ export default Vue.extend({
|
||||||
components: {
|
components: {
|
||||||
XNotification,
|
XNotification,
|
||||||
XList,
|
XList,
|
||||||
|
XNote,
|
||||||
},
|
},
|
||||||
|
|
||||||
mixins: [
|
mixins: [
|
||||||
|
|
Loading…
Reference in New Issue