From df3a80e17eb5bc034a5566d0971bb09fffc4622b Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Sun, 29 Dec 2024 19:25:35 +0100
Subject: [PATCH] Add basic empty app list placeholder text

---
 dashboard/src/components/AppsView.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/dashboard/src/components/AppsView.vue b/dashboard/src/components/AppsView.vue
index 9dcdd7162..a620cbe68 100644
--- a/dashboard/src/components/AppsView.vue
+++ b/dashboard/src/components/AppsView.vue
@@ -12,6 +12,21 @@
         <a class="config" :href="`#/app/${app.id}/info`"><Icon icon="fa-solid fa-cog" /></a>
       </a>
     </TransitionGroup>
+
+    <!-- TODO check user permissions -->
+    <div class="empty-placeholder" v-if="filteredApps.length === 0">
+      <!-- for admins -->
+      <div v-if="false">
+        <h4><i class="fa fa-cloud-download fa-fw"></i> {{ $t('apps.noApps.title') }}</h4>
+        <h5 v-html="$t('apps.noApps.description', { appStoreLink: '#/appstore' })"></h5>
+      </div>
+
+      <!-- for non-admins -->
+      <div v-if="true">
+        <h4>{{ $t('apps.noAccess.title') }}</h4>
+        <h5>{{ $t('apps.noAccess.description') }}</h5>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -148,4 +163,8 @@ export default {
   opacity: 1;
 }
 
+.empty-placeholder {
+  margin-top: 20px;
+}
+
 </style>