no message

src/pages/messages/messages.html

@@ -5,31 +5,33 @@
         Messages
       </button>
     </ion-col>
-    <ion-col text-center>
+    <!--ion-col text-center>
       <button ion-button clear small>
         Taps
       </button>
-    </ion-col>
+    </ion-col-->
   </ion-row>
 </ion-header>
 
 <ion-content no-padding>
   <ion-list>
-    <ion-item no-padding *ngFor="let profile of profiles">
-      <ion-thumbnail item-start (tap)="profilePictureTapped($event, profile)">
-        <img [src]="'https://appsby.fitz.guru/urge/' + profile.details.pic.thumb">
-      </ion-thumbnail>
-      <ion-grid (tap)="interviewTapped($event, profile)">
-        <ion-row nowrap justify-content-between>
-          <ion-col class="username">
-            {{profile.details.name}}
-          </ion-col>
-          <ion-col class="timestamp" [innerHTML]="getLatestMessageTimestamp(profile.messages)"></ion-col>
-        </ion-row>
-        <ion-row class="latest-message" nowrap>
-          <ion-col [innerHTML]="getLatestMessage(profile.messages)"></ion-col>
-        </ion-row>
-      </ion-grid>
-    </ion-item>
+    <ng-container *ngFor="let profile of profiles">
+      <ion-item no-padding  *ngIf="profile.messages?.length > 0">
+        <ion-thumbnail item-start (tap)="profilePictureTapped($event, profile)">
+          <img [src]="'https://appsby.fitz.guru/urge/' + profile.details.pic.thumb">
+        </ion-thumbnail>
+        <ion-grid (tap)="interviewTapped($event, profile)">
+          <ion-row nowrap justify-content-between>
+            <ion-col class="username">
+              {{profile.details.name}}
+            </ion-col>
+            <ion-col class="timestamp" [innerHTML]="getLatestMessageTimestamp(profile.messages)"></ion-col>
+          </ion-row>
+          <ion-row class="latest-message" nowrap>
+            <ion-col [innerHTML]="getLatestMessage(profile.messages)"></ion-col>
+          </ion-row>
+        </ion-grid>
+      </ion-item>
+    </ng-container>
   </ion-list>
 </ion-content>