diff options
author | Paul Tirk <paultirk@paultirk.com> | 2023-10-25 21:50:59 +0200 |
---|---|---|
committer | Sean Molenaar <SMillerDev@users.noreply.github.com> | 2023-11-07 20:01:54 +0100 |
commit | 1d2a0bfa29324d95528b240865b86b1191228b55 (patch) | |
tree | fc9d6c7770bf37b1d7786f76cb4dffc9ad1058a3 /src/components/routes/Unread.vue | |
parent | 97de4333b3bcc33c6ed3b433778231df4a15db7c (diff) |
move NcAppContent into route components & use list slot
Signed-off-by: Paul Tirk <paultirk@paultirk.com>
Diffstat (limited to 'src/components/routes/Unread.vue')
-rw-r--r-- | src/components/routes/Unread.vue | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/src/components/routes/Unread.vue b/src/components/routes/Unread.vue index b71a724cb..e65ad7173 100644 --- a/src/components/routes/Unread.vue +++ b/src/components/routes/Unread.vue @@ -1,24 +1,27 @@ <template> - <div class="route-container"> - <div class="header"> - {{ t('news', 'Unread Articles') }} - <NcCounterBubble class="counter-bubble"> - {{ items.unreadCount }} - </NcCounterBubble> - </div> + <NcAppContent> + <template #list> + <div class="header"> + {{ t('news', 'Unread Articles') }} + <NcCounterBubble class="counter-bubble"> + {{ items.unreadCount }} + </NcCounterBubble> + </div> - <FeedItemDisplayList v-if="unread()" - :items="unread()" - :fetch-key="'unread'" - :config="{ unreadFilter: false }" - @load-more="fetchMore()" /> - </div> + <FeedItemDisplayList v-if="unread()" + :items="unread()" + :fetch-key="'unread'" + :config="{ unreadFilter: false }" + @load-more="fetchMore()" /> + </template> + </NcAppContent> </template> <script lang="ts"> import Vue from 'vue' import { mapState } from 'vuex' +import NcAppContent from '@nextcloud/vue/dist/Components/NcAppContent.js' import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js' import FeedItemDisplayList from '../feed-display/FeedItemDisplayList.vue' @@ -33,6 +36,7 @@ type UnreadItemState = { export default Vue.extend({ components: { + NcAppContent, NcCounterBubble, FeedItemDisplayList, }, |