common-cents-web/src/app/components/expense-list/expense-list.component.ts
2026-02-23 18:44:38 -06:00

18 lines
738 B
TypeScript

import { Component, computed } from '@angular/core';
import { ExpenseService } from '../../services/expense.service';
import { MatTableModule } from '@angular/material/table';
import { MatCardModule } from '@angular/material/card';
import { ExpenseComponent } from '../expense/expense.component';
import {Divider} from '../divider/divider';
@Component({
selector: 'app-expense-list',
imports: [MatTableModule, MatCardModule, ExpenseComponent, Divider],
templateUrl: './expense-list.component.html',
styleUrl: './expense-list.component.scss'
})
export class ExpenseListComponent {
protected expenses = computed(() => this.expensesService.expenses())
public constructor(private readonly expensesService: ExpenseService) { }
}