feat(dashboard/invoices): added description to invoice user table

feat(dashboard/invoices): added string to invoice user table if there are no users with outstanding debts
GEWIS · Aug 17, 2024 · e524dd1 · e524dd1
1 parent c6d5e04
commit e524dd1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/apps/dashboard/src/locales/en.json b/apps/dashboard/src/locales/en.json
@@ -383,7 +383,9 @@
     "Name": "Name",
     "Balance": "Balance",
     "CreateInvoice": "Create Invoice",
-    "isCreditInvoice": "Is credit invoice"
+    "isCreditInvoice": "Is credit invoice",
+    "InvoiceUsersDescription": "Invoice user with oustanding debts.",
+    "NoInvoiceableUsers": "Currently, there are no users with outstanding debts."
   },
   "pdf": {
     "Table": "Table",

diff --git a/apps/dashboard/src/modules/financial/components/invoice/InvoiceUserTable.vue b/apps/dashboard/src/modules/financial/components/invoice/InvoiceUserTable.vue
@@ -1,6 +1,9 @@
 <template>
   <CardComponent :header="$t('c_invoiceInfo.InvoiceUsers')" class="w-5">
+    <p class="my-0 font-italic text-sm  ">{{ $t('c_invoiceInfo.InvoiceUsersDescription') }}</p>
+    <p v-if="invoiceableUsersWithBalance.length === 0">{{ $t('c_invoiceInfo.NoInvoiceableUsers') }}</p>
     <DataTable
+        v-else
         :value="invoiceableUsersWithBalance"
     >
       <Column field="user.id" :header="$t('c_invoiceInfo.id')"/>