From fec356ff832a4831e019fcd22fbc33ac54fcbf7f Mon Sep 17 00:00:00 2001
From: Paul Tirk <paultirk@paultirk.com>
Date: Sun, 29 Oct 2023 20:15:44 +0100
Subject: add missing nc app content component to explore page

Signed-off-by: Paul Tirk <paultirk@paultirk.com>
---
 src/components/routes/Explore.vue | 58 +++++++++++++++++++++------------------
 1 file changed, 31 insertions(+), 27 deletions(-)

(limited to 'src')

diff --git a/src/components/routes/Explore.vue b/src/components/routes/Explore.vue
index 7ba2bd3e9..b2cd1db4c 100644
--- a/src/components/routes/Explore.vue
+++ b/src/components/routes/Explore.vue
@@ -1,42 +1,45 @@
 <template>
-	<div id="explore">
-		<AddFeed v-if="showAddFeed" :feed="feed" @close="closeShowAddFeed()" />
-		<div v-if="!exploreSites" style="margin: auto;">
-			{{ t('news', 'No feeds found to add') }}
-		</div>
-		<div v-else class="grid-container">
-			<div v-for="entry in exploreSites"
-				:key="entry.title"
-				class="explore-feed grid-item">
-				<h2 v-if="entry.favicon"
-					class="explore-title icon"
-					:style="{ backgroundImage: 'url(' + entry.favicon + ')' }">
-					<a target="_blank" rel="noreferrer" :href="entry.url">
+	<NcAppContent>
+		<div id="explore">
+			<AddFeed v-if="showAddFeed" :feed="feed" @close="closeShowAddFeed()" />
+			<div v-if="!exploreSites" style="margin: auto;">
+				{{ t('news', 'No feeds found to add') }}
+			</div>
+			<div v-else class="grid-container">
+				<div v-for="entry in exploreSites"
+					:key="entry.title"
+					class="explore-feed grid-item">
+					<h2 v-if="entry.favicon"
+						class="explore-title icon"
+						:style="{ backgroundImage: 'url(' + entry.favicon + ')' }">
+						<a target="_blank" rel="noreferrer" :href="entry.url">
+							{{ entry.title }}
+						</a>
+					</h2>
+					<h2 v-if="!entry.favicon" class="icon-rss explore-title">
 						{{ entry.title }}
-					</a>
-				</h2>
-				<h2 v-if="!entry.favicon" class="icon-rss explore-title">
-					{{ entry.title }}
-				</h2>
-				<div class="explore-content" style="flex-grow: 1">
-					<p>{{ entry.description }}</p>
-
-					<div v-if="entry.image" class="explore-logo">
-						<img :src="entry.image">
+					</h2>
+					<div class="explore-content" style="flex-grow: 1">
+						<p>{{ entry.description }}</p>
+
+						<div v-if="entry.image" class="explore-logo">
+							<img :src="entry.image">
+						</div>
 					</div>
+					<NcButton style="max-width: 100%;" @click="subscribe(entry)">
+						{{ t("news", "Subscribe to") }} {{ entry.title }}
+					</NcButton>
 				</div>
-				<NcButton style="max-width: 100%;" @click="subscribe(entry)">
-					{{ t("news", "Subscribe to") }} {{ entry.title }}
-				</NcButton>
 			</div>
 		</div>
-	</div>
+	</NcAppContent>
 </template>
 
 <script lang="ts">
 
 import Vue from 'vue'
 
+import NcAppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import axios from '@nextcloud/axios'
 import * as router from '@nextcloud/router'
@@ -48,6 +51,7 @@ import { Feed } from '../../types/Feed'
 
 const ExploreComponent = Vue.extend({
 	components: {
+		NcAppContent,
 		NcButton,
 		AddFeed,
 	},
-- 
cgit v1.2.3