From f20d39a3e73ecaa41c24131e631b68ed249e2731 Mon Sep 17 00:00:00 2001
From: Jannat Patel <pateljannat2308@gmail.com>
Date: Mon, 13 Oct 2025 14:56:08 +0530
Subject: [PATCH] fix: empty state for profile certificates section

---
 frontend/src/pages/ProfileCertificates.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/ProfileCertificates.vue b/frontend/src/pages/ProfileCertificates.vue
index 538e609e..230e1c78 100644
--- a/frontend/src/pages/ProfileCertificates.vue
+++ b/frontend/src/pages/ProfileCertificates.vue
@@ -3,7 +3,10 @@
 		<h2 class="mb-3 text-lg font-semibold text-ink-gray-9">
 			{{ __('Certificates') }}
 		</h2>
-		<div class="grid grod-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+		<div
+			v-if="certificates.data?.length"
+			class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
+		>
 			<div
 				v-for="certificate in certificates.data"
 				:key="certificate.name"
@@ -19,6 +22,9 @@
 				</div>
 			</div>
 		</div>
+		<div v-else class="text-sm italic text-ink-gray-5">
+			{{ __('You have not received any certificates yet.') }}
+		</div>
 	</div>
 </template>
 <script setup>