TrackmaniaTournamentTracker/packages/bridge-ui/src/app/components/top-bar/top-bar.component.html

<mat-toolbar color="primary">
    <button mat-flat-button color="primary" [routerLink]="['/seasons']">
        <mat-icon>sports_esports</mat-icon>
        Seasons
    </button>
    <button mat-flat-button color="primary" [routerLink]="['/getting-started']">
        <mat-icon>help_center</mat-icon>
        Getting Started
    </button>
    <span class="example-spacer"></span>
    <app-theme-menu 
        [options] = "options" 
        (themeChange)="themeChangeHandler($event)">
    </app-theme-menu>
    @if(usersService.isAuthenticated == false) {
    <button mat-icon-button class="example-icon" aria-label="Example icon-button with share icon" (click)="onLoginClick()" matTooltip="Login">
        <mat-icon>login</mat-icon>
    </button>
    }
    @else {
    {{usersService.getUserName()}}
    <button mat-icon-button class="example-icon" aria-label="Example icon-button with share icon" matTooltip="Profile" [routerLink]="['/user/'+usersService.getUserId()]">
        <mat-icon>person_pin</mat-icon>
    </button>
    <button mat-icon-button class="example-icon" aria-label="Example icon-button with share icon" (click)="onLogoutClick()" matTooltip="Logout">
        <mat-icon>logout</mat-icon>
    </button>
    }
</mat-toolbar>