upload attachment

src/app/shared/chat/messages/messages.page.html

@@ -55,7 +55,7 @@
             {{ message.message }}
           </div>
 
-          <div *ngFor="let attachment of message.attachment">
+          <div *ngFor="let attachment of message.attachments; let i = index">
             <div *ngIf="attachment.fileType == 1">
 
               <ion-icon  src="assets/icon/webtrix.svg" class="file-icon font-25"></ion-icon>
@@ -66,6 +66,10 @@
 
             </div>
 
+            <div *ngIf="attachment.fileType == 2">
+              <img [src]="attachment.safeFile">
+            </div>
+
           </div>
 
         </div>
@@ -107,13 +111,6 @@
 
 
   </div>
-<!--
-  <ion-fab horizontal="end" vertical="bottom" slot="fixed">
-    <ion-fab-button *ngIf="scrollToBottomBtn"  color="light" size="small">
-      <ion-icon name="chevron-down"></ion-icon>
-    </ion-fab-button>
-  </ion-fab> -->
-
 
 
   <ion-fab horizontal="start" vertical="bottom" slot="fixed">
@@ -123,25 +120,6 @@
     </div>
   </ion-fab>
 
-
-    <!-- <div *ngIf="userTyping$?.typingList?.typingList">
-
-    <div
-      *ngFor="let message of userTyping$.typingList.typingList " class="messages-list-item-wrapper"
-    >
-      {{ message.userName }}
-    </div>
-  </div>
- -->
-  <!-- <div *ngIf="userTyping$" class="header-bottom-contacts" >
-
-    <div *ngFor="let typing of userTyping$; let i = index">
-      {{ typing.userName }}<div *ngIf="i < userTyping$.length - 1">, </div>
-    </div>
-  </div>
- -->
-
-
 </ion-content>