<ng-container *ngIf="user$ | async as user; else loggedOut">
  <button class="control user" routerLink="/admin" data-control-panel>
    <i class="fad fa-fw fa-user-circle"></i> {{ user.uid }}
  </button>
  <button class="control" (click)="logout($event)" data-logout-button>
    <i class="fad fa-fw fa-sign-out"></i>
  </button>
</ng-container>

<ng-template #loggedOut>
  <button class="control" routerLink="/login" data-login-button>
    <i class="fad fa-fw fa-sign-in"></i>
  </button>
</ng-template>

<ng-container *ngIf="user$ | async as user; else loggedOut">
  <button class="control user" routerLink="/admin" data-control-panel>
    <i class="las fa-fw la-user-circle"></i> {{ user.uid }}
  </button>
  <button class="control" (click)="logout($event)" data-logout-button>
    <i class="las fa-fw la-sign-out-alt"></i>
  </button>
</ng-container>

<ng-template #loggedOut>
  <button class="control" routerLink="/login" data-login-button>
    <i class="las fa-fw la-sign-in-alt"></i>
  </button>
</ng-template>

Convert user menu to use LineAwesome
Convert user menu to use LineAwesome

