<ion-header>
    <ion-navbar>
        <ion-title>
            Ice Breaker
        </ion-title>
        <ion-buttons end>
            <button (click)="logoutClicked()">
            <ion-icon name="contact"></ion-icon>
            {{buttonTitle}}
        </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content padding class="home">
    <ion-list>
        <ion-list-header>Nearby people</ion-list-header>
        <ion-item *ngFor="let neighbour of neighbours | async">
            <ion-avatar item-left>
                <img [src]="neighbour.avatarImage" style="width:32px;height=32px;" alt="">
            </ion-avatar>
            <h2>{{neighbour.displayName}}</h2>
            <p>{{neighbour.tagLine}}</p>
        </ion-item>
    </ion-list>
</ion-content>