1 files changed, 13 insertions, 33 deletions

diff --git a/src/components/routes/Feed.vue b/src/components/routes/Feed.vue
index fd0a7cf35..389b38da6 100644
--- a/src/components/routes/Feed.vue
+++ b/src/components/routes/Feed.vue
@@ -1,31 +1,25 @@
 <template>
-	<NcAppContent>
-		<template #list>
-			<div class="header">
-				{{ feed ? feed.title : '' }}
-				<NcCounterBubble v-if="feed" class="counter-bubble">
-					{{ feed.unreadCount }}
-				</NcCounterBubble>
-			</div>
-
-			<FeedItemDisplayList :items="items" :fetch-key="'feed-'+feedId" @load-more="fetchMore()" />
+	<ContentTemplate
+		:items="items"
+		:fetch-key="'feed-' + feedId"
+		@load-more="fetchMore()"
+	>
+		<template #header>
+			{{ feed ? feed.title : '' }}
+			<NcCounterBubble v-if="feed" class="counter-bubble">
+				{{ feed.unreadCount }}
+			</NcCounterBubble>
 		</template>
-
-		<div>
-			<FeedItemDisplay v-if="selectedFeedItem" :item="selectedFeedItem" />
-		</div>
-	</NcAppContent>
+	</ContentTemplate>
 </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'
-import FeedItemDisplay from '../feed-display/FeedItemDisplay.vue'
+import ContentTemplate from '../ContentTemplate.vue'
 
 import { FeedItem } from '../../types/FeedItem'
 import { ACTIONS, MUTATIONS } from '../../store'
@@ -33,10 +27,8 @@ import { Feed } from '../../types/Feed'
 
 export default Vue.extend({
 	components: {
-		NcAppContent,
+		ContentTemplate,
 		NcCounterBubble,
-		FeedItemDisplayList,
-		FeedItemDisplay
 	},
 	props: {
 		feedId: {
@@ -57,9 +49,6 @@ export default Vue.extend({
 		id(): number {
 			return Number(this.feedId)
 		},
-		selectedFeedItem(): FeedItem | undefined {
-			return this.$store.getters.selected
-		},
 	},
 	created() {
 		this.$store.commit(MUTATIONS.SET_SELECTED_ITEM, { id: undefined })
@@ -77,18 +66,9 @@ export default Vue.extend({
 </script>
 
 <style scoped>
-
-.header {
-	padding-left: 50px;
-	position: absolute;
-	top: 1em;
-	font-weight: 700;
-}
-
 .counter-bubble {
 	display: inline-block;
 	vertical-align: sub;
 	margin-left: 10px;
 }
-
 </style>