further improvements

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

@@ -9,6 +9,7 @@ import { MessagesPageRoutingModule } from './messages-routing.module';
 import { MessagesPage } from './messages.page';
 import { SharedModule } from 'src/app/shared/shared.module';
 import { BtnModalDismissPage } from 'src/app/shared/btn-modal-dismiss/btn-modal-dismiss.page';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 
 @NgModule({
@@ -16,7 +17,7 @@ import { BtnModalDismissPage } from 'src/app/shared/btn-modal-dismiss/btn-modal-
     CommonModule,
     FormsModule,
     IonicModule,
-
+    FontAwesomeModule,
     MessagesPageRoutingModule
   ],
   declarations: [MessagesPage]

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

@@ -47,15 +47,25 @@
           <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 class="file">
+                  <!-- <canvas id="pdf_canvas"></canvas> -->
+                  <ion-label class="file-details" *ngIf="msg.file">
+                    <span (click)="viewDocument(file.title_link)" class="file-title cursor-pointer">
+                      <fa-icon *ngIf="msg.file.type == 'application/pdf'" icon="file-pdf" class="pdf-icon"></fa-icon>
+                      <fa-icon *ngIf="msg.file.type == 'application/word'" icon="file-word" class="word-icon"></fa-icon>
+                      <ion-icon *ngIf="msg.file.type == 'application/webtrix'" src="assets/icon/webtrix.svg"></ion-icon>
+                      {{file.title}}
+                    </span>
+                  </ion-label>
+                </div>
+                <div class="file-details-optional">
+                  <ion-label *ngIf="msg.file">
+                    <span *ngIf="file.description">{{file.description}}</span>
+                    <span *ngIf="file.description && msg.file.type != 'application/webtrix'"> • </span>
+                    <span *ngIf="msg.file.type != 'application/webtrix'">{{msg.file.type.replace('application/','').toUpperCase()}}</span>
+                  </ion-label>
+                </div>
               </div>
             </div>
           </div>

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

@@ -339,7 +339,8 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
       // happens when the synchro was pending for too long
       // let's reconnect
       await this.serverLongPull();
-    } else if (res != 200) {
+    }
+    else if (res != 200) {
       // Show Error
       //showMessage(response.statusText);
       //this.loadMessages()