<div *ngIf="!user">
    <input type="image" (click)="signInWithGoogle();" width="170px" height="auto"
        src="../assets/images/btn_google_signin_light_focus_web.png">
</div>
<div *ngIf="user" class="dropdown"> 
    <input class="img-circle" type="image" *ngIf="user.photoUrl"
        src="{{ user.photoUrl }}"> 
    <input class="img-circle" type="image" *ngIf="!user.photoUrl"
        src="../assets/images/no-image-avatar.png">
    <div class="dropdown-content">
        <mat-card-subtitle>{{ user.name }}</mat-card-subtitle> 
        {{ user.email }}<br> 
        <button mat-raised-button (click)="signOut()">Sign out</button>
    </div>
</div>
<div *ngIf="!user">
    <input type="image" (click)="signInWithGoogle();" width="170px" height="auto"
        src="../assets/images/btn_google_signin_light_focus_web.png">
</div>
<div *ngIf="user" class="dropdown"> 
    <input class="img-circle" type="image" *ngIf="user.photoUrl"
        src="{{ user.photoUrl }}"> 
    <div class="dropdown-content">
        <mat-card-subtitle>{{ user.name }}</mat-card-subtitle> 
        {{ user.email }}<br> 
        <button mat-raised-button (click)="signOut()">Sign out</button>
    </div>
</div>
Remove icon for no image users, because after testing with a user without a photo its not used (the image is the first letter of the name)
Remove icon for no image users, because after testing with a user without a photo its not used (the image is the first letter of the name)
