53 lines
1.4 KiB
TypeScript
53 lines
1.4 KiB
TypeScript
import { TransactionDto } from '../types/generated/TransactionDto';
|
|
|
|
// TODO: Use generated TransactionDto when it includes all required fields
|
|
export type FullTransactionDto = TransactionDto & {
|
|
amount: number;
|
|
description: string;
|
|
createdAt: string;
|
|
type: 'deposit' | 'withdrawal';
|
|
};
|
|
|
|
export class WalletTransactionViewModel implements FullTransactionDto {
|
|
id: string;
|
|
walletId: string;
|
|
amount: number;
|
|
description: string;
|
|
createdAt: string;
|
|
type: 'deposit' | 'withdrawal';
|
|
|
|
constructor(dto: FullTransactionDto) {
|
|
this.id = dto.id;
|
|
this.walletId = dto.walletId;
|
|
this.amount = dto.amount;
|
|
this.description = dto.description;
|
|
this.createdAt = dto.createdAt;
|
|
this.type = dto.type;
|
|
}
|
|
|
|
/** UI-specific: Formatted amount with sign */
|
|
get formattedAmount(): string {
|
|
const sign = this.type === 'deposit' ? '+' : '-';
|
|
return `${sign}$${this.amount.toFixed(2)}`;
|
|
}
|
|
|
|
/** UI-specific: Amount color */
|
|
get amountColor(): string {
|
|
return this.type === 'deposit' ? 'green' : 'red';
|
|
}
|
|
|
|
/** UI-specific: Type display */
|
|
get typeDisplay(): string {
|
|
return this.type.charAt(0).toUpperCase() + this.type.slice(1);
|
|
}
|
|
|
|
/** UI-specific: Amount color */
|
|
get amountColor(): string {
|
|
return this.type === 'deposit' ? 'green' : 'red';
|
|
}
|
|
|
|
/** UI-specific: Formatted created date */
|
|
get formattedCreatedAt(): string {
|
|
return new Date(this.createdAt).toLocaleString();
|
|
}
|
|
} |