fix: add support for refunded payments on ui

rotki · Jan 17, 2025 · 4e90469 · 4e90469
1 parent 2cc199a
commit 4e90469
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/components/account/home/PaymentsTable.vue b/components/account/home/PaymentsTable.vue
@@ -29,7 +29,7 @@ const headers: DataTableColumn<Payment>[] = [
     sortable: true,
     align: 'end',
   },
-  { label: t('common.status'), key: 'status', class: 'capitalize' },
+  { label: t('common.status'), key: 'isRefund', class: 'capitalize' },
   {
     label: t('common.actions'),
     key: 'actions',
@@ -69,12 +69,12 @@ const payments = computed(() => {
       outlined
       row-attr="identifier"
     >
-      <template #item.status>
+      <template #item.isRefund="{ row }">
         <RuiChip
           size="sm"
-          color="success"
+          :color="row.isRefund ? 'info' : 'success'"
         >
-          {{ t('account.payments.paid') }}
+          {{ row.isRefund ? t("account.payments.refunded") : t("account.payments.paid") }}
         </RuiChip>
       </template>
 

diff --git a/i18n/locales/en.json b/i18n/locales/en.json
@@ -53,6 +53,7 @@
       },
       "no_payments_found": "No payments found",
       "paid": "Paid",
+      "refunded": "Refunded",
       "title": "Your latest payments"
     },
     "subscriptions": {

diff --git a/types/index.ts b/types/index.ts
@@ -63,6 +63,7 @@ export type Subscription = z.infer<typeof Subscription>;
 export const Payment = z.object({
   eurAmount: z.string(),
   identifier: z.string().min(1),
+  isRefund: z.boolean().optional().default(false),
   paidAt: z.string(),
   plan: z.string(),
 });