import { ChangeDetectionStrategy, Component, computed, OnInit } from '@angular/core';
import { injectNotificationsService } from '@/core/services/notifications.service';
import { NotificationListComponent } from '@/features/notifications/notification-list/notification-list.component';
import { MainLayoutComponent } from '@/shared/layout/main-layout/main-layout.component';
import { ButtonDirective } from '@/shared/ui/button.directive';

@Component({
	selector: 'app-notifications',
	standalone: true,
	templateUrl: './notifications.component.html',
	changeDetection: ChangeDetectionStrategy.OnPush,
	imports: [MainLayoutComponent, NotificationListComponent, ButtonDirective],
})
export default class NotificationsComponent implements OnInit {
	private notificationsServ = injectNotificationsService();

	notificationsQuery = this.notificationsServ.notifications;
	lastReadUnixtime = computed(() => this.notificationsServ.lastReadUnixtime());

	ngOnInit(): void {
		setTimeout(() => {
			this.notificationsServ.markAllAsRead();
		}, 1500);
	}

	refresh(): void {
		this.notificationsServ.refreshNotifications();
	}
}