vue-wiguet-chatweb 0.1.20 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiguet-chatweb",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "type": "module",
   "files": [
     "dist",

package/src/components/Chat.vue

@@ -11,12 +11,16 @@
         <Loader />
       </div>
       <MessageList
+        v-if="messagesData.data.length > 0"
         :messages="messagesData.data"
         :canLoadMoreMessages="messagesData.canLoadMoreMessages"
         @loadMore="getMessages"
         @retry="retryMessage"
         @on-qualifying="(args) => onQualifying(args)"
       />
+      <div class="fit" v-else>
+        <span class="center">No tienes mensajes</span>
+      </div>
     </div>
 
     <div class="w-full">
@@ -497,7 +501,7 @@ function onQualifying({ message: messageParam, emoji }: { message: Message, emoj
     submitMessage(undefined, { tipoCalificacionId: emoji.value, mensajeARespondeId: messageParam.id }).then();
   }
 
-  emit('onQualifying', { message:messageParam , callback})
+  emit('onQualifying', { message: emoji.iconUnicode , callback})
 };
 
 
@@ -551,4 +555,16 @@ onUnmounted(() => {
   left: 50%;
   transform: translate(-50%, -50%);
 }
+
+.fit {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 </style>