topbar.component.html

<mat-toolbar *ngIf="isLoggedIn$ | async" color="primary" fxLayoutGap="15px">
	<span routerLink="/welcome">Mon logo</span>
	<!-- <span *ngIf="!(isLoggedIn$ | async)" fxLayoutGap="15px" fxLayout="row" fxLayoutAlign="center center">
		<mat-icon class="link" routerLink="/signin">login</mat-icon>
		<mat-icon class="link" routerLink="/signup">launch</mat-icon>
	</span> -->
	<span *ngIf="isLoggedIn$ | async" fxLayoutGap="15px" fxLayout="row" fxLayoutAlign="center center">
		<!-- <mat-icon class="link" routerLink="/profile">account_circle</mat-icon>	 -->
		<mat-icon class="link" routerLink="/" (click)="onLogout()">power_settings_new</mat-icon>
	</span>
</mat-toolbar>