implement form actions for invoices + docs

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

@@ -0,0 +1,28 @@
+import Form from '@/app/ui/invoices/edit-form';
+import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
+import { fetchCustomers, fetchInvoiceById } from '@/app/lib/data';
+
+export default async function Page(props: {
+    params: Promise<{
+        id: string
+    }>
+}){
+    const params = await props.params;
+    const id = params.id;
+    const [invoice, customers] = await Promise.all([
+        fetchInvoiceById(id),
+        fetchCustomers(),
+    ]);
+
+    return (
+        <main>
+            <Breadcrumbs
+                breadcrumbs={[
+                    { label: 'Invoices', href: '/dashboard/invoices'},
+                    { label: 'Edit Invoice', href: `/dashboard/invoices/${id}/edit`, active: true, },
+                ]}
+            />
+            <Form invoice={invoice} customers={customers} />
+        </main>
+    );
+}

dashboard-app-course/app/dashboard/invoices/create/page.tsx

@@ -0,0 +1,19 @@
+import Form from '@/app/ui/invoices/create-form';
+import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
+import { fetchCustomers } from '@/app/lib/data';
+
+export default async function Page(){
+    const customers = await fetchCustomers();
+
+    return (
+        <main>
+            <Breadcrumbs
+                breadcrumbs={[
+                    { label: 'Invoices', href: '/dashboard/invoices'},
+                    { label: 'Create Invoice', href: '/dashboard/invoices/create', active: true, },
+                ]}
+            />
+            <Form customers={customers} />
+        </main>
+    );
+}