<ion-header>
  <ion-navbar>
      <ion-buttons start>
          <button ion-button menuToggle>
            <ion-icon name="menu"></ion-icon>
          </button>
        </ion-buttons>
    <ion-title>MyPage</ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>
    <ion-card>
  
        <ion-card-header>
          <strong>My Profile</strong>
        </ion-card-header>
        <img src="/assets/imgs/avatar.png"/>
    
        <ion-card-content>
          <ion-card-title>
            {{user.profileName}}
          </ion-card-title>
          <p>
            {{user.summary}}
          </p>
    
        </ion-card-content>
    
      </ion-card>
    
      <ion-card (click)=viewGames()>
    
        <ion-card-header>
          <strong>My Games</strong>
        </ion-card-header>
    
        <ion-card-content *ngFor="let game of filteredGames">
    
          <p> {{game.name}} </p>
        </ion-card-content>
    
      </ion-card>
</ion-content>




<!-- 
<ion-item *ngFor="let game of filteredGames">
  <ion-item>
  <ion-thumbnail item-start>
    <img src={{game.thumbnail}}>
  </ion-thumbnail>
  <h2>{{game.name}}</h2>
  <p>{{game.mechanics}}</p>
  <button ion-button clear item-end>View</button>
    </ion-item>
</ion-item> -->