improve

src/app/services/chat/room.service.ts

@@ -14,7 +14,8 @@ import { SortService } from '../functions/sort.service';
 import { chatUser } from 'src/app/models/chatMethod';
 import { environment } from 'src/environments/environment';
 import { ChatService } from 'src/app/services/chat.service';
-import { NfService } from 'src/app/services/chat/nf.service'
+import { NfService } from 'src/app/services/chat/nf.service';
+import { v4 as uuidv4 } from 'uuid'
 
 @Injectable({
   providedIn: 'root'
@@ -164,6 +165,57 @@ export class RoomService {
 
   }
 
+  async updateMessageDB(ChatMessage, localReference) {
+    if (environment.chatOffline) { 
+      this.storage.get('chatmsg' + this.id).then((messages: any = []) => {
+        if(!Array.isArray(messages)) {
+          messages = []
+        }
+
+        let index;
+        const find = messages.find((message, _index)=> {
+          if(message.localReference == ChatMessage.localReference) {
+            index = _index
+            return true
+          }
+
+          return false
+        })
+
+        if(!find) {
+          messages[index] = ChatMessage
+          this.storage.set('chatmsg' + this.id, messages)
+        }
+        
+      })
+    }
+
+  }
+
+    /**
+   * @description delete message in the DB. get all messages, delete then corresponding message and update the store
+   * @param id  message ID
+   */
+  private deleteMessageFromDb(id) {
+    this.storage.get('chatmsg' + this.id).then((messages: any = []) => {
+      if(!Array.isArray(messages)) {
+        messages = []
+      }
+
+      messages.forEach((message, index) => {
+
+        if(message._id == id) {
+          messages.splice(index, 1)
+        }
+
+      })
+
+      this.storage.set('chatmsg' + this.id, messages).then((value) => {
+        console.log('MSG SAVED ON STORAGE', value)
+      });
+    })
+  }
+
   async receiveMessageDelete() {
 
     this.WsChatService.updateRoomEventss(
@@ -201,46 +253,26 @@ export class RoomService {
   }
 
 
-  /**
-   * @description delete message in the DB. get all messages, delete then corresponding message and update the store
-   * @param id  message ID
-   */
-  private deleteMessageFromDb(id) {
-    this.storage.get('chatmsg' + this.id).then((messages: any = []) => {
-      if(!Array.isArray(messages)) {
-        messages = []
-      }
-
-      messages.forEach((message, index) => {
-
-        if(message._id == id) {
-          messages.splice(index, 1)
-        }
-
-      })
-
-      this.storage.set('chatmsg' + this.id, messages).then((value) => {
-        console.log('MSG SAVED ON STORAGE', value)
-      });
-    })
-  }
-
   /**
    *  @description sen text message
    */
   async send({file = null, attachments = null, temporaryData = {}}) {
 
+    const localReference = uuidv4()
 
     let offlineChatMessage = {
       rid: this.id,
       msg: this.message,
       attachments,
       file,
-      temporaryData
+      temporaryData,
+      localReference
     }
     
     const message: MessageService = this.prepareMessage(offlineChatMessage, environment.chatOffline)
-    message.send()
+    message.send().then((ChatMessage) => {
+      this.updateMessageDB(ChatMessage, localReference)
+    })
     
     if (environment.chatOffline) { 
       this.addMessageDB(offlineChatMessage)
@@ -349,6 +381,8 @@ export class RoomService {
   
           if(wewMessage.offline == false) {
             this.prepareMessage(ChatMessage)
+          } else {
+
           }
   
         });