feat(transaction-history): add disabled state styling for buttons
Some checks failed
CI / Get Changed Files (pull_request) Successful in 6s
CI / Checkstyle Main (pull_request) Successful in 46s
CI / prettier (pull_request) Failing after 52s
CI / eslint (pull_request) Failing after 58s
CI / test-build (pull_request) Successful in 1m1s

This commit is contained in:
csimonis 2025-04-23 11:54:30 +02:00
commit 157e774e86
3 changed files with 30 additions and 42 deletions

View file

@ -1,13 +1,4 @@
import {
ChangeDetectionStrategy,
Component,
EventEmitter,
inject,
Input,
Output,
signal,
WritableSignal,
} from '@angular/core';
import { ChangeDetectionStrategy, Component, EventEmitter, inject, Input, Output } from '@angular/core';
import { TransactionService } from '@service/transaction.service';
import { Observable } from 'rxjs';
import { Transaction } from '../../model/Transaction';
@ -34,12 +25,10 @@ const PER_PAGE = 5
export class TransactionHistoryComponent {
@Input()
isOpen: boolean = false;
loading: WritableSignal<boolean> = signal<boolean>(true);
skeletonItems = Array(PER_PAGE).fill({});
@Output()
closeEventEmitter = new EventEmitter<void>();
private offset: number = 0;
protected offset: number = 0;
private transactionService: TransactionService = inject(TransactionService);
transactions$: Observable<Transaction[]> = this.loadTransactions();
@ -60,12 +49,6 @@ export class TransactionHistoryComponent {
}
loadTransactions() {
this.loading.set(true);
const transactions$ = this.transactionService.getUsersTransactions(PER_PAGE, this.offset * PER_PAGE);
transactions$.subscribe({complete: () => this.loading.set(false)})
return transactions$;
return this.transactionService.getUsersTransactions(PER_PAGE, this.offset * PER_PAGE);
}
}