several improvements

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

@@ -43,6 +43,23 @@
       </div>
       <div>
         <ion-label>{{msg.msg}}</ion-label>
+        <div *ngIf="msg.attachments" class="message-attachments">
+          <div *ngFor="let file of msg.attachments">
+            <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image">
+            <div>
+              <div class="file d-flex">
+                <ion-thumbnail *ngIf="file.thumb_url" slot="start">
+                  <img src="{{file.thumb_url}}" alt="image">
+                </ion-thumbnail>
+                <!-- <canvas id="pdf_canvas"></canvas> -->
+                <ion-label class="file-details">
+                  <h3 (click)="viewDocument(file.title_link)" class="file-title cursor-pointer">{{file.title}}</h3>
+                  <p *ngIf="file.text">{{file.text}}</p>
+                </ion-label>
+              </div>
+            </div>
+          </div>
+        </div>
         {{last ? scrollToBottom() : ''}}
       </div>
     </div>