"feat: enhance invoice management with schema updates, seed data, and new APIs"

03_source/frontend/src/pages/dashboard/invoice/details.tsx

@@ -1,9 +1,11 @@
+// src/pages/dashboard/invoice/details.tsx
 import { useParams } from 'src/routes/hooks';
 
 import { CONFIG } from 'src/global-config';
 import { _invoices } from 'src/_mock/_invoice';
 
 import { InvoiceDetailsView } from 'src/sections/invoice/view';
+import { useGetInvoice } from 'src/actions/invoice';
 
 // ----------------------------------------------------------------------
 
@@ -12,13 +14,14 @@ const metadata = { title: `Invoice details | Dashboard - ${CONFIG.appName}` };
 export default function Page() {
   const { id = '' } = useParams();
 
-  const currentInvoice = _invoices.find((invoice) => invoice.id === id);
+  // const currentInvoice = _invoices.find((invoice) => invoice.id === id);
+  const { currentInvoice, invoiceLoading, invoiceError } = useGetInvoice(id);
 
   return (
     <>
       <title>{metadata.title}</title>
 
-      <InvoiceDetailsView invoice={currentInvoice} />
+      <InvoiceDetailsView invoice={currentInvoice} loading={invoiceLoading} error={invoiceError} />
     </>
   );
 }

03_source/frontend/src/pages/dashboard/invoice/edit.tsx

@@ -1,7 +1,7 @@
 import { useParams } from 'src/routes/hooks';
 
 import { CONFIG } from 'src/global-config';
-import { _invoices } from 'src/_mock/_invoice';
+import { useGetInvoice } from 'src/actions/invoice';
 
 import { InvoiceEditView } from 'src/sections/invoice/view';
 
@@ -12,7 +12,7 @@ const metadata = { title: `Invoice edit | Dashboard - ${CONFIG.appName}` };
 export default function Page() {
   const { id = '' } = useParams();
 
-  const currentInvoice = _invoices.find((invoice) => invoice.id === id);
+  const { currentInvoice } = useGetInvoice(id);
 
   return (
     <>

03_source/frontend/src/pages/dashboard/invoice/list.tsx

@@ -1,3 +1,5 @@
+// src/pages/dashboard/invoice/list.tsx
+
 import { CONFIG } from 'src/global-config';
 
 import { InvoiceListView } from 'src/sections/invoice/view';

03_source/frontend/src/pages/dashboard/product/details.tsx

@@ -14,7 +14,7 @@ const metadata = { title: `Product details | Dashboard - ${CONFIG.appName}` };
 export default function Page() {
   const { id = '' } = useParams();
 
-  const { product, productLoading, productError } = useGetProduct(id);
+  const { currentProduct: product, productLoading, productError } = useGetProduct(id);
 
   return (
     <>

03_source/frontend/src/pages/dashboard/product/edit.tsx

@@ -12,13 +12,13 @@ const metadata = { title: `Product edit | Dashboard - ${CONFIG.appName}` };
 export default function Page() {
   const { id = '' } = useParams();
 
-  const { product } = useGetProduct(id);
+  const { currentProduct } = useGetProduct(id);
 
   return (
     <>
       <title>{metadata.title}</title>
 
-      <ProductEditView product={product} />
+      <ProductEditView product={currentProduct} />
     </>
   );
 }

03_source/frontend/src/pages/dashboard/product/list.tsx

@@ -1,3 +1,5 @@
+// src/pages/dashboard/product/list.tsx
+
 import { CONFIG } from 'src/global-config';
 import { ProductListView } from 'src/sections/product/view';
 

03_source/frontend/src/pages/product/details.tsx

@@ -12,7 +12,7 @@ const metadata = { title: `Product details - ${CONFIG.appName}` };
 export default function Page() {
   const { id = '' } = useParams();
 
-  const { product, productLoading, productError } = useGetProduct(id);
+  const { currentProduct: product, productLoading, productError } = useGetProduct(id);
 
   return (
     <>