nycJSorg/angular-presentation

<mat-card *ngIf="(loginService.isAnonymous$ | async) === false; else userInfo">
  <mat-card-content *ngIf="loginService.user$ | async as user">
    <div>user: {{ user.displayName || user.email }}</div>
    <div>uid: {{ loginService.uid$ | async }}</div>
  </mat-card-content>
</mat-card>
<ng-template #userInfo>
  <button mat-button (click)="this.loginService.loginWithGithub()">
    Login with Github
  </button>
</ng-template>