pinpoint/webui/app/header/header.component.html

<mat-toolbar color="primary">
  <button mat-icon-button routerLink="/" aria-label="Home Page">
    <img src="app/static/logo.svg" alt="Home Page" style="width: 24px; height: 24px;">
  </button>
  <span>Pinpoint</span>
  <span class="spacer"></span>
  <button mat-icon-button (click)="onHelpClick()" aria-label="Help">
    <mat-icon>help</mat-icon>
  </button>
  <button mat-icon-button (click)="onBugClick()" aria-label="File a bug">
    <mat-icon>bug_report</mat-icon>
  </button>
  <button mat-icon-button [matMenuTriggerFor]="userMenu" aria-label="User menu">
    <mat-icon>account_circle</mat-icon>
  </button>
</mat-toolbar>

<mat-menu #userMenu="matMenu" xPosition="before">
  <button mat-menu-item disabled>
    <span>{{ userEmail() }}</span>
  </button>
  <button mat-menu-item (click)="onSignOutClick()">
    <mat-icon>exit_to_app</mat-icon>
    <span>Sign out</span>
  </button>
</mat-menu>