import { Component, computed, inject } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { MatTableModule } from '@angular/material/table';
import { RouterLink } from '@angular/router';

import { LocalTimePipe } from '../../shared/local-time.pipe';
import { UserService } from '../user.service';
@Component({
  selector: 'app-user-list',
  templateUrl: './user-list.component.html',
  styleUrls: ['./user-list.component.css'],
  imports: [LocalTimePipe, MatButtonModule, MatIconModule, MatTableModule, RouterLink],
})
export class UserListComponent {
  private userService = inject(UserService);
  listResource = this.userService.list();

  dataSource = computed(() => this.listResource.value() ?? []);
  displayedColumns = ['name', 'lockedOut', 'roles', 'last'];
}