Changeset 057453c for src/sections/invoice/invoice-details.tsx

Timestamp:

02/26/25 10:05:32 (5 weeks ago)

Author:

Naum Shapkarovski <naumshapkarovski@…>

Branches:

main

Children:

299af01

Parents:

5d6f37a

Message:

feat: implement employees

File:

• src/sections/invoice/invoice-details.tsx (modified) (6 diffs)

src/sections/invoice/invoice-details.tsx

@@ -18 +18 @@
 import { fCurrency } from 'src/utils/format-number';
 // types
-import { Invoice } from 'mvpmasters-shared';
+import { Invoice } from 'src/schemas';
 // components
 import Label from 'src/components/label';
@@ -28 +28 @@
 import { getQuantityType } from 'src/utils/get-invoice-quantity-type';
 import InvoiceToolbar from './invoice-toolbar';
+import { updateInvoice } from 'src/api/invoice';
 
 // ----------------------------------------------------------------------
@@ -59 +60 @@
   const handleChangeStatus = useCallback(
     async (event: React.ChangeEvent<HTMLInputElement>) => {
-      await updateDocument(collections.invoice, invoice.id, { status: event.target.value });
+      // await updateDocument(collections.invoice, invoice.id, { status: event.target.value });
+      await updateInvoice(invoice.id, {
+        status: event.target.value as 'draft' | 'processing' | 'pending' | 'overdue' | 'paid',
+      });
       mutate([collections.invoice, invoice.id]);
     },
@@ -240 +244 @@
             {invoice.invoiceTo.name}
             <br />
-            {!!invoice.invoiceTo.companyId && (
+            {!!invoice.invoiceTo.companyNumber && (
               <>
-                Company ID: {invoice.invoiceTo.companyId}
+                Company ID: {invoice.invoiceTo.companyNumber}
                 <br />
               </>
@@ -257 +261 @@
               Date Issued
             </Typography>
-            {fDate(invoice.createDate.toDate())}
+            {fDate(invoice.createDate)}
           </Stack>
 
@@ -264 +268 @@
               Due Date
             </Typography>
-            {fDate(invoice.dueDate.toDate())}
+            {fDate(invoice.dueDate)}
           </Stack>
         </Box>