Update

app/dashboard/invoices/[id]/edit/page.tsx

@@ -1,9 +1,18 @@
 import Form from '@/app/ui/invoices/edit-form';
 import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
-import { fetchInvoiceById, fetchCustomers } from '@/app/lib/data';
+import { fetchInvoiceById, fetchCustomers, fetchAllInvoices } from '@/app/lib/data';
 import { notFound } from 'next/navigation';
 
+export async function generateStaticParams() {
+  const invoices = await fetchAllInvoices();
+  console.log(`invoices: ${invoices}`);
+  return invoices.map((item) => ({ id: item.id }));
+}
+
 export default async function Page({ params }: { params: { id: string } }) {
+  // const invoices = await fetchAllInvoices();
+  // console.log(`invoices: ${JSON.stringify(invoices, null, 4)}`);
+
   const id = params.id;
   const [invoice, customers] = await Promise.all([
     fetchInvoiceById(id),

app/lib/data.ts

@@ -241,3 +241,22 @@ export async function getUser(email: string) {
     throw new Error('Failed to fetch user.');
   }
 }
+
+export async function fetchAllInvoices() {
+  noStore();
+
+  try {
+    const data = await sql<Invoice>`
+      SELECT invoices.id
+      FROM invoices
+      ORDER BY invoices.date DESC`;
+
+    const allInvoices = data.rows.map((invoice) => ({
+      ...invoice,
+    }));
+    return allInvoices;
+  } catch (error) {
+    console.error('Database Error:', error);
+    throw new Error('Failed to fetch the latest invoices.');
+  }
+}