funky-framadate-front/src/app/core/components/header/header.component.ts

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';

import { SettingsComponent } from '../../../shared/components/settings/settings.component';
import { User } from '../../models/user.model';
import { ModalService } from '../../services/modal.service';
import { UserService } from '../../services/user.service';

@Component({
	selector: 'app-header',
	templateUrl: './header.component.html',
	styleUrls: ['./header.component.scss'],
})
export class HeaderComponent implements OnInit {
	public _user: Observable<User> = this.userService.user;

	constructor(private userService: UserService, private modalService: ModalService) {}

	public ngOnInit(): void {}

	public openDialog(): void {
		this.modalService.openModal(SettingsComponent);
	}
}