+
+
+
+
+
+
+
+ Customers Page
; Index: nextjs-dashboard/app/dashboard/invoices/[id]/edit/page.tsx =================================================================== --- nextjs-dashboard/app/dashboard/invoices/[id]/edit/page.tsx (revision e1175d1a05c4bd4d0b7496ca469e812995ea2ebc) +++ nextjs-dashboard/app/dashboard/invoices/[id]/edit/page.tsx (revision 25b259a8eeec97ccda1d2599e8c24e0379e2bfd7) @@ -3,4 +3,9 @@ import { fetchInvoiceById, fetchCustomers } from '@/app/lib/data'; import { notFound } from 'next/navigation'; +import { Metadata } from 'next'; + +export const metadata: Metadata = { + title: 'Edit Invoice', +}; export default async function Page(props: { params: Promise<{ id: string }> }) { Index: nextjs-dashboard/app/dashboard/invoices/create/page.tsx =================================================================== --- nextjs-dashboard/app/dashboard/invoices/create/page.tsx (revision e1175d1a05c4bd4d0b7496ca469e812995ea2ebc) +++ nextjs-dashboard/app/dashboard/invoices/create/page.tsx (revision 25b259a8eeec97ccda1d2599e8c24e0379e2bfd7) @@ -2,4 +2,9 @@ import Breadcrumbs from '@/app/ui/invoices/breadcrumbs'; import { fetchCustomers } from '@/app/lib/data'; +import { Metadata } from 'next'; + +export const metadata: Metadata = { + title: 'Create Invoice', +}; export default async function Page() { Index: nextjs-dashboard/app/dashboard/invoices/page.tsx =================================================================== --- nextjs-dashboard/app/dashboard/invoices/page.tsx (revision e1175d1a05c4bd4d0b7496ca469e812995ea2ebc) +++ nextjs-dashboard/app/dashboard/invoices/page.tsx (revision 25b259a8eeec97ccda1d2599e8c24e0379e2bfd7) @@ -7,4 +7,9 @@ import { Suspense } from 'react'; import { fetchInvoicesPages } from '@/app/lib/data'; +import { Metadata } from 'next'; + +export const metadata: Metadata = { + title: 'Invoices', +}; export default async function Page(props: { Index: nextjs-dashboard/app/layout.tsx =================================================================== --- nextjs-dashboard/app/layout.tsx (revision e1175d1a05c4bd4d0b7496ca469e812995ea2ebc) +++ nextjs-dashboard/app/layout.tsx (revision 25b259a8eeec97ccda1d2599e8c24e0379e2bfd7) @@ -1,4 +1,14 @@ import '@/app/ui/global.css'; import { firaCode } from '@/app/ui/fonts'; +import { Metadata } from 'next'; + +export const metadata: Metadata = { + title: { + template: '%s | Acme Dashboard', + default: 'Acme Dashboard', + }, + description: 'The official Next.js Course Dashboard, built with App Router.', + metadataBase: new URL('https://next-learn-dashboard.vercel.sh'), +}; export default function RootLayout({ Index: nextjs-dashboard/app/lib/actions.ts =================================================================== --- nextjs-dashboard/app/lib/actions.ts (revision e1175d1a05c4bd4d0b7496ca469e812995ea2ebc) +++ nextjs-dashboard/app/lib/actions.ts (revision 25b259a8eeec97ccda1d2599e8c24e0379e2bfd7) @@ -5,12 +5,39 @@ import { redirect } from 'next/navigation'; import postgres from 'postgres'; +import { signIn } from '@/auth'; +import { AuthError } from 'next-auth'; const sql = postgres(process.env.POSTGRES_URL!, { ssl: 'require' }); +export async function authenticate( + prevState: string | undefined, + formData: FormData, +) { + try { + await signIn('credentials', formData); + } catch (error) { + if (error instanceof AuthError) { + switch (error.type) { + case 'CredentialsSignin': + return 'Invalid credentials.'; + default: + return 'Something went wrong.'; + } + } + throw error; + } +} + const FormSchema = z.object({ id: z.string(), - customerId: z.string(), - amount: z.coerce.number(), - status: z.enum(['pending', 'paid']), + customerId: z.string({ + invalid_type_error: 'Please select a customer.', + }), + amount: z.coerce + .number() + .gt(0, { message: 'Please enter an amount greater than $0.' }), + status: z.enum(['pending', 'paid'], { + invalid_type_error: 'Please select an invoice status.', + }), date: z.string(), }); @@ -18,6 +45,15 @@ const CreateInvoice = FormSchema.omit({ id: true, date: true }); -export async function createInvoice(formData: FormData) { - const { customerId, amount, status } = CreateInvoice.parse({ +export type State = { + errors?: { + customerId?: string[]; + amount?: string[]; + status?: string[]; + }; + message?: string | null; +} + +export async function createInvoice(prevState: State, formData: FormData) { + const validatedFields = CreateInvoice.safeParse({ customerId: formData.get('customerId'), amount: formData.get('amount'), @@ -25,4 +61,12 @@ }); + if (!validatedFields.success) { + return { + errors: validatedFields.error.flatten().fieldErrors, + message: 'Missing Fields. Failed to Create Invoice.', + }; + } + + const { customerId, amount, status } = validatedFields.data; const amountInCents = amount * 100; const date = new Date().toISOString().split('T')[0]; @@ -45,6 +89,6 @@ const UpdateInvoice = FormSchema.omit({ id: true, date: true }); -export async function updateInvoice(id: string, formData: FormData) { - const { customerId, amount, status } = UpdateInvoice.parse({ +export async function updateInvoice(id: string, prevState: State, formData: FormData) { + const validatedFields = UpdateInvoice.safeParse({ customerId: formData.get('customerId'), amount: formData.get('amount'), @@ -52,4 +96,12 @@ }); + if (!validatedFields.success) { + return { + errors: validatedFields.error.flatten().fieldErrors, + message: 'Missing Fields. Failed to Update Invoice.', + }; + } + + const { customerId, amount, status } = validatedFields.data; const amountInCents = amount * 100; Index: nextjs-dashboard/app/login/page.tsx =================================================================== --- nextjs-dashboard/app/login/page.tsx (revision 25b259a8eeec97ccda1d2599e8c24e0379e2bfd7) +++ nextjs-dashboard/app/login/page.tsx (revision 25b259a8eeec97ccda1d2599e8c24e0379e2bfd7) @@ -0,0 +1,25 @@ +import AcmeLogo from '@/app/ui/acme-logo'; +import LoginForm from '@/app/ui/login-form'; +import { Suspense } from 'react'; +import { Metadata } from 'next'; + +export const metadata: Metadata = { + title: 'Login', +}; + +export default function LoginPage() { + return ( +