feat(transaction-history): add disabled state styling for buttons
Some checks failed
Some checks failed
This commit is contained in:
parent
03d67ef362
commit
157e774e86
3 changed files with 30 additions and 42 deletions
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue