From 0b3d3ceb488d6004d68eabb9bf7d35bc05c2c572 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Wed, 1 Oct 2025 02:45:27 +0200
Subject: [PATCH] add no match placeholder for email domains

---
 dashboard/src/views/EmailDomainsView.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/dashboard/src/views/EmailDomainsView.vue b/dashboard/src/views/EmailDomainsView.vue
index bf5504d39..bcff11e1e 100644
--- a/dashboard/src/views/EmailDomainsView.vue
+++ b/dashboard/src/views/EmailDomainsView.vue
@@ -117,6 +117,7 @@ onMounted(async () => {
       </template>
 
       <div>
+        <div v-if="filteredDomains.length === 0" class="email-placeholder">{{ $t('domains.noMatchesPlaceholder') }}</div>
         <a v-for="domain in filteredDomains" :key="domain.domain" :href="`#/email-domain/${domain.domain}`" class="email-domain">
          <div style="display: flex; align-items: center;">
             <StateLED :busy="domain.loadingStatus" :state="domain.status ? 'success' : 'danger'"/>
@@ -144,6 +145,11 @@ onMounted(async () => {
 
 <style scoped>
 
+.email-placeholder {
+  text-align: center;
+  margin-top: 150px;
+}
+
 .email-domain {
   display: flex;
   border-radius: var(--pankow-border-radius);