meals-made-easy-app/src/app/shared/components/header/header.ts
2026-01-11 13:35:38 -06:00

24 lines
658 B
TypeScript

import { Component, computed, inject } from '@angular/core';
import { AuthService } from '../../services/AuthService';
@Component({
selector: 'app-header',
imports: [],
templateUrl: './header.html',
styleUrl: './header.css',
})
export class Header {
private readonly authService = inject(AuthService);
protected readonly username = this.authService.username;
protected readonly isLoggedIn = computed(() => !!this.authService.accessToken());
protected async loginClick() {
await this.authService.login('test-user', 'test');
}
protected async logoutClick() {
await this.authService.logout();
}
}