<ion-header>
  <ion-toolbar>
    <ion-title>looking?</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content no-padding>
  <ion-grid no-padding>
    <ion-row align-items-stretch>
      <ion-col
        col-4
        class="profile"
        *ngFor="let current of profiles"
        (tap)="profileTapped($event, current)"
        (press)="profilePressed($event, current)"
        [style.backgroundImage]="getBackgroundThumbnail(current.details.pic)"
      >
        <span
          class="username"
          [ngClass]="{ 'online': (current.messages?.length > 0) }"
          >{{current.details.name}}</span
        >
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>
