From a645a65673aaf91bd70b93effdec6c6cff740b13 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 23 Mar 2023 13:10:04 +0800
Subject: [PATCH] feat(nc-gui): add empty comment message

---
 .../components/smartsheet/expanded-form/Comments.vue  | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue b/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue
index 1d925f3d3f..a04d613bc8 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue
@@ -114,7 +114,16 @@ watch(
 <template>
   <div class="h-full flex flex-col w-full bg-[#eceff1] p-2">
     <div ref="commentsWrapperEl" class="flex-1 min-h-[100px] overflow-y-auto scrollbar-thin-dull p-2 space-y-2">
-      <a-skeleton v-if="isCommentsLoading && !commentsAndLogs" type="list-item-avatar-two-line@8" />
+      <a-skeleton v-if="isCommentsLoading" type="list-item-avatar-two-line@8" />
+      <template v-else-if="commentsAndLogs.length === 0">
+        <div class="flex flex-col text-center justify-center h-full">
+          <div class="text-center text-3xl">
+            <MdiChatProcessingOutline />
+          </div>
+          <div class="font-bold text-center my-1">Start a conversation</div>
+          <div>NocoDB allows you to inquire, monitor progress updates, and collaborate with your team members.</div>
+        </div>
+      </template>
       <template v-else>
         <div v-for="(log, idx) of commentsAndLogs" :key="log.id">
           <a-dropdown :trigger="['contextmenu']" :overlay-class-name="`nc-dropdown-comment-context-menu-${idx}`">