<ion-content>
  <ion-list>
    <ion-item *ngFor="let data of taggedUsers" (click)="moveToProfile(data?.id)">
      <ion-avatar slot="start">
        <div *ngIf="data?.avatar;else defaultImage">
          <img [src]="data?.avatar" class="photo">
        </div>
        <ng-template #defaultImage>
          <img src="/assets/images/shravak-profile.png" class="photo">
        </ng-template>
      </ion-avatar>
      <ion-label>
        <h2>{{data?.name}}</h2>
      </ion-label>
    </ion-item>
  </ion-list>
  <h3 *ngIf="taggedUsers?.length === 0" class="ion-text-center"><img src="/assets/images/no-data-found-image.svg">
    <p>No data found</p>
  </h3>
</ion-content>
