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

Author: CodeNamedRobin

apps/dashboard/src/locales/en.json

@@ -394,7 +394,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",

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')"/>