From 33ced1c16e188b3e0b4c9b6e0d3074ad8abb42ba Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Wed, 1 Oct 2025 03:02:50 +0200
Subject: [PATCH] add no match placeholder for apps

---
 dashboard/public/translation/en.json | 3 ++-
 dashboard/src/views/AppsView.vue     | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/dashboard/public/translation/en.json b/dashboard/public/translation/en.json
index d4ea53898..9ed5cd42a 100644
--- a/dashboard/public/translation/en.json
+++ b/dashboard/public/translation/en.json
@@ -33,7 +33,8 @@
         },
         "apps": {
             "count": "Total apps: {{ count }}"
-        }
+        },
+        "noMatchesPlaceholder": "No matching apps"
     },
     "main": {
         "offline": "Cloudron is offline. Reconnecting…",
diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue
index 5b85be427..2afcbb202 100644
--- a/dashboard/src/views/AppsView.vue
+++ b/dashboard/src/views/AppsView.vue
@@ -342,7 +342,7 @@ onDeactivated(() => {
         </TableView>
       </div>
 
-      <div class="empty-placeholder" v-if="apps.length === 0">
+      <div v-if="apps.length === 0" class="empty-placeholder">
         <!-- admins or not-->
         <div v-if="profile.isAtLeastAdmin">
           <h4>{{ $t('apps.noApps.title') }}</h4>
@@ -353,6 +353,9 @@ onDeactivated(() => {
           <h5>{{ $t('apps.noAccess.description') }}</h5>
         </div>
       </div>
+      <div v-else-if="filteredApps.length === 0" class="empty-placeholder">
+        {{ $t('apps.noMatchesPlaceholder') }}
+      </div>
     </div>
   </div>
 </template>