From dfa1d9be9010b6e52de31e5415fe5e65f7a83c58 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Mon, 21 Apr 2025 23:02:38 +0330
Subject: [PATCH] Add placeholder for empty comments

---
 frontend/components/product/ProductComments.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/components/product/ProductComments.vue b/frontend/components/product/ProductComments.vue
index 21eece2..e5d9730 100644
--- a/frontend/components/product/ProductComments.vue
+++ b/frontend/components/product/ProductComments.vue
@@ -98,7 +98,19 @@ const limitedComments = computed(() => {
                     :username="'منصور مرزبان'"
                 />
 
-                <div class="flex items-center justify-center w-full">
+                <div
+                    class="h-[400px] lg:flex-grow w-full border-[0.5px] flex-col-center border-slate-200 bg-white rounded-xl"
+                >
+                    <NuxtImg
+                        src="/img/heymlz/heymlz-contact-us.gif"
+                        class="w-[200px] lg:w-[300px] translate-y-[-25px]"
+                    />
+                    <span class="text-xl text-black font-semibold translate-y-[-25px]"> هیچ نظری ثبت نشده است </span>
+                </div>
+                <div
+                    v-if="comments!.count > 0"
+                    class="flex items-center justify-center w-full"
+                >
                     <Pagination
                         v-if="showMoreComments"
                         :total="comments!.count"