@bcc-code/vue-bcc-chat-ui 5.2.10 → 5.3.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@bcc-code/vue-bcc-chat-ui",
   "author": "bcc-code",
   "license": "Apache-2.0",
-  "version": "5.2.10",
+  "version": "5.3.0",
   "type": "module",
   "private": false,
   "files": [

package/src/components/BccChatMessageList.vue

@@ -19,6 +19,7 @@ import logger from "../chat/logger";
 import { loggedIn } from "../chat/login";
 import { watchAndApplyStyle } from "../chat/styleFix";
 import { ChatInstance, ParticipantInfo } from "../chat/types";
+import { offlineStore } from "../offline";
 import { onlineMode, onlineStatus } from "../offline/connectivity";
 import BccChatMessages from "./BccChatMessages.vue";
 import BccScheduledMessages from "./BccScheduledMessages.vue";
@@ -39,6 +40,8 @@ const componentId = ref(
 const chatGroup = ref<Group>();
 const chatGroupNotFound = ref(false);
 
+const isChatMessagesEmpty = ref(false);
+
 const emit = defineEmits(['groupMembersFetched']);
 const groupMembers = ref<ParticipantInfo[]>();
 
@@ -111,6 +114,15 @@ watch([loggedIn, chat.onlineStatus, () => props.chatUid, chat.initialized, () =>
         localLoadMessageId.value = "";
       }
 
+      if (offlineStore.getGroupMessages(_chatUid, {
+        per_page: 1,
+        affix: 'prepend'
+      }).total === 0) {
+        isChatMessagesEmpty.value = true;
+      } else {
+        isChatMessagesEmpty.value = false;
+      }
+
       if (chatGroup.value) {
 
         let isChannel = (chatGroup.value.getMetadata() as any).isChannel;
@@ -286,6 +298,9 @@ function closeScheduledMessage() {
     <div v-else class="bcc-chat-message-list-offline">
       <span>Loading...</span>
     </div>
+    <div v-if="isChatMessagesEmpty" class="bcc-chat-message-list-offline">
+      <span>No messages has been sent</span>
+    </div>
   </div>
 </template>