account, myListings and emailUs pages

bizmatch/src/app/components/header/header.component.ts

@@ -5,8 +5,11 @@ import { faUserGear } from '@fortawesome/free-solid-svg-icons';
 import { initFlowbite } from 'flowbite';
 import { KeycloakService } from 'keycloak-angular';
 import { Observable } from 'rxjs';
-import { KeycloakUser } from '../../../../../bizmatch-server/src/models/main.model';
+import { User } from '../../../../../bizmatch-server/src/models/db.model';
+import { emailToDirName, KeycloakUser } from '../../../../../bizmatch-server/src/models/main.model';
 import { environment } from '../../../environments/environment';
+import { SharedService } from '../../services/shared.service';
+import { UserService } from '../../services/user.service';
 import { map2User } from '../../utils/utils';
 @Component({
   selector: 'header',
@@ -18,17 +21,27 @@ import { map2User } from '../../utils/utils';
 export class HeaderComponent {
   public buildVersion = environment.buildVersion;
   user$: Observable<KeycloakUser>;
-  user: KeycloakUser;
+  keycloakUser: KeycloakUser;
+  user: User;
   activeItem;
   faUserGear = faUserGear;
-  constructor(public keycloakService: KeycloakService, private router: Router) {}
+  profileUrl: string;
+  env = environment;
+  constructor(public keycloakService: KeycloakService, private router: Router, private userService: UserService, private sharedService: SharedService) {}
 
   async ngOnInit() {
     const token = await this.keycloakService.getToken();
-    this.user = map2User(token);
+    this.keycloakUser = map2User(token);
+    this.user = await this.userService.getByMail(this.keycloakUser.email);
+    this.profileUrl = this.user.hasProfile ? `${this.env.imageBaseUrl}/pictures/profile/${emailToDirName(this.user.email)}.avif?_ts=${new Date().getTime()}` : `/assets/images/placeholder.png`;
     setTimeout(() => {
       initFlowbite();
     });
+    this.sharedService.currentProfilePhoto.subscribe(photoUrl => {
+      if (photoUrl) {
+        this.profileUrl = photoUrl;
+      }
+    });
   }
 
   ngAfterViewInit() {}