home.component.html

<ion-header>
    <ion-navbar>
        <ion-title>
            Matches
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content class="slide-container">
    <ion-card>
        <img src="assets/img/match.png"/>
        <ion-card-content *ngIf="isUpdateAvailable === false">
            <ion-card-title>
                Finding Matches
            </ion-card-title>
            <p>
                We will let you know when you have a match, or there is an interesting chat going on.
            </p>
        </ion-card-content>
        <ion-card-content *ngIf="isUpdateAvailable === true">
            <ion-card-title>
                Update Available
            </ion-card-title>
            <p>
                Download update to start chatting.
            </p>
        </ion-card-content>
    </ion-card>
</ion-content>

<ion-footer class="footer-container" *ngIf="isUpdateAvailable === true">
    <ion-grid>
        <button class="update-button" (click)="openMarket()"
            full ion-button>UPDATE APP</button>
    </ion-grid>
</ion-footer>