changes

app/components/orders/InvoiceRow.vue

@@ -3,7 +3,7 @@ const props = defineProps({
   invoice: Object,
 });
 
-const { $getdata, $dayjs, $shortenCurrency } = useNuxtApp();
+const { $getdata } = useNuxtApp();
 const paymentRecords = ref([]);
 onMounted(async () => {
   paymentRecords.value = await $getdata("Payment_Record", {
@@ -59,9 +59,12 @@ function openModal() {
     </td>
     <td class="has-text-centered">
       <span
-        :class="['tag rounded-full', `has-background-${invoice.status__color}-80 has-text-${invoice.status__color}-25`]"
+        :class="[
+          'tag rounded-full',
+          `has-background-${invoice.invoice_status__color}-90 has-text-${invoice.invoice_status__color}-25`,
+        ]"
       >
-        {{ invoice.status }}
+        {{ invoice.invoice_status__name }}
       </span>
     </td>
     <td>
@@ -70,8 +73,8 @@ function openModal() {
       </p>
     </td>
     <td>
-      <p :class="`has-text-${invoice.delivery_status__color}-40`">
-        {{ invoice.delivery__status }}
+      <p :class="`has-text-${invoice.delivery__delivery_status__color}-40`">
+        {{ invoice.delivery__delivery_status__name }}
       </p>
     </td>
     <td>