<ion-content class="merms-wallet-page" fullscreen>
  <div class="container">
    <ion-grid class="top-container">
      <ion-row>
        <ion-col size="2" class="navigation">
          <ion-back-button text="" (click)="goBack()"></ion-back-button>
        </ion-col>
        <ion-col size="8" class="page-title">My Wallet</ion-col>
      </ion-row>
    </ion-grid>
    

    
   
    <ion-list-header>
      Recent Payment(s)
    </ion-list-header>

    <ion-item *ngFor="let type of paymentData" >
      <ion-avatar slot="start">
        <img src="./../../assets/imgs/avatar.svg">
      </ion-avatar>
      <ion-label>
        <h3>{{type.pay_type}}-{{type.pay_date}}</h3>
        <p>{{type.currency}} {{type.amount}} , {{type.confirmation}}</p>
      </ion-label>
    </ion-item>
    

  </div>


</ion-content>