changes

app/components/orders/OrdersKanban.vue

@@ -6,14 +6,14 @@ const props = defineProps({
   statuses: Array,
 });
 
-const emit = defineEmits(["selectOrder", "unselect"]);
+const store = useStore();
 </script>
 
 <template>
   <div class="p-5 fixed-grid has-4-cols">
     <div class="grid">
       <div
-        v-for="status in statuses"
+        v-for="status in store.Invoice_Status"
         :key="status.id"
         class="card"
         style="border: none"
@@ -30,18 +30,16 @@ const emit = defineEmits(["selectOrder", "unselect"]);
               class="px-2 py-1 font-semibold rounded-lg has-background-white"
               :style="{ border: `1px solid var(--bulma-${status.color}-60)` }"
             >
-              {{ orders.filter((o) => o.status === status.id).length }}
+              {{ orders.filter((o) => o.invoice_status === status.id).length }}
             </p>
           </div>
           <hr class="m-0 has-background-grey-85" />
           <div class="has-background-grey-100 p-4">
             <OrderKanbanCard
-              v-if="orders.filter((o) => o.status === status.id).length > 0"
-              v-for="order in orders.filter((o) => o.status === status.id)"
+              v-if="orders.filter((o) => o.invoice_status === status.id).length > 0"
+              v-for="order in orders.filter((o) => o.invoice_status === status.id)"
               :key="order.id"
-              :order="order"
-              @selectOrder="emit('selectOrder', order.id)"
-              @unselect="emit('unselect')"
+              :invoice="order"
             />
             <p
               v-else