diff --git a/core/domain/bi/models/bi-stats-financials-model.ts b/core/domain/bi/models/bi-stats-financials-model.ts index a90b50044..c33d2a83e 100644 --- a/core/domain/bi/models/bi-stats-financials-model.ts +++ b/core/domain/bi/models/bi-stats-financials-model.ts @@ -12,6 +12,7 @@ export class BiStatsFinancials implements BiStatsFinancialsInterface { totalDeposited!: BiStatsFinancialsResponse["totalDeposited"]; totalGranted!: BiStatsFinancialsResponse["totalGranted"]; totalRewarded!: BiStatsFinancialsResponse["totalRewarded"]; + totalPaid!: BiStatsFinancialsResponse["totalPaid"]; transactionCount!: BiStatsFinancialsResponse["transactionCount"]; constructor(props: BiStatsFinancialsResponse) { diff --git a/design-system/molecules/cards/card-transaction/_translations/card-transaction.en.json b/design-system/molecules/cards/card-transaction/_translations/card-transaction.en.json index 776f363f0..40808da24 100644 --- a/design-system/molecules/cards/card-transaction/_translations/card-transaction.en.json +++ b/design-system/molecules/cards/card-transaction/_translations/card-transaction.en.json @@ -5,6 +5,7 @@ "GRANTED": "Granted", "UNALLOCATED": "Unallocated", "UNGRANTED": "Ungranted", - "REWARDED": "Rewarded" + "REWARDED": "Rewarded", + "PAID": "Paid" } } diff --git a/design-system/molecules/cards/card-transaction/card-transaction.types.ts b/design-system/molecules/cards/card-transaction/card-transaction.types.ts index 3252c8e3d..0b13ed562 100644 --- a/design-system/molecules/cards/card-transaction/card-transaction.types.ts +++ b/design-system/molecules/cards/card-transaction/card-transaction.types.ts @@ -17,6 +17,7 @@ enum CardTransactionType { UNGRANTED = "UNGRANTED", UNALLOCATED = "UNALLOCATED", REWARDED = "REWARDED", + PAID = "PAID", } export type CardTransactionTypes = `${CardTransactionType}`; diff --git a/design-system/molecules/cards/card-transaction/card-transaction.utils.tsx b/design-system/molecules/cards/card-transaction/card-transaction.utils.tsx index 220e7237a..2d4a9fd05 100644 --- a/design-system/molecules/cards/card-transaction/card-transaction.utils.tsx +++ b/design-system/molecules/cards/card-transaction/card-transaction.utils.tsx @@ -48,6 +48,12 @@ export function getComponentsVariants(type: CardTransactionTypes): { classNames: { base: "text-utility-secondary-blue-500" }, }, }, + PAID: { + iconProps: { + component: ArrowDown, + classNames: { base: "text-utility-success-500" }, + }, + }, }; return {