ChatStorage Done Done!

src/app/pages/chat/messages/messages.page.ts

@@ -30,6 +30,7 @@ import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
 import { HttpEventType } from '@angular/common/http';
 import { ViewEventPage } from 'src/app/modals/view-event/view-event.page';
 import { WsChatMethodsService } from 'src/app/services/chat/ws-chat-methods.service'
+import { MessageService } from 'src/app/services/chat/message.service';
 
 const IMAGE_DIR = 'stored-images';
 
@@ -131,7 +132,6 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
       directory: Directory.Data,
       recursive: true
     });
-    this.getRoomMessageDB(this.roomId);
   }
 
   ngAfterViewInit() {
@@ -782,7 +782,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
     card.el.style['z-index'] = 11;
   }
 
-  downloadFileMsg(msg) {
+  downloadFileMsg(msg: MessageService) {
     console.log('FILE TYPE', msg.file.type)
     this.downloadFile = "";
     if (msg.file.type == "application/img") {
@@ -795,30 +795,39 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
           console.log('FILE TYPE 33', msg.file.type)
         } else if (event.type === HttpEventType.Response) {
           this.downloadFile = 'data:image/jpeg;base64,' + btoa(new Uint8Array(event.body).reduce((data, byte) => data + String.fromCharCode(byte), ''));
-          console.log('FILE TYPE 44', this.downloadFile)
 
+          msg.file = {
+            guid: msg.file.guid,
+            image_url: this.downloadFile,
+            type: msg.file.type
+          }
           this.sqlservice.updateChatMsg(msg._id, this.downloadFile);
         }
+
       });
-      console.log('FILE TYPE 44', this.downloadFile)
+
     }
+
   }
 
   async openPreview(msg) {
-    if(msg.image_url != null) {
+
+    if (msg.file.image_url === null || msg.file.image_url  === '' ) {
+      this.downloadFileMsg(msg)
+
+    } else {
       const modal = await this.modalController.create({
         component: ViewMediaPage,
         cssClass: 'modal modal-desktop',
         componentProps: {
-          image: msg.image_url,
+          image: msg.file.image_url,
           username: msg.u.name,
-          _updatedAt: msg._updatedAt,
+          _updatedAt: msg._updatedAt
         }
       });
       modal.present();
-    } else {
-      this.downloadFileMsg(msg);
     }
+
   }