michi.vonah/nextjs
1
0
Fork 0
mirror of https://github.com/michivonah/nextjs.git synced 2025-12-22 22:16:28 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

implement error handling

Browse source
This commit is contained in:
Michi 2025-04-21 11:27:08 +02:00
parent 39005d46a5
commit 7d2dea886c
5 changed files with 144 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

18
dashboard-app-course/app/dashboard/invoices/[id]/edit/not-found.tsx Normal file
View file

@ -0,0 +1,18 @@
import Link from 'next/link';
import { FaceFrownIcon } from '@heroicons/react/24/outline';
export default function NotFound() {
return (
<main className="flex h-full flex-col items-center justify-center gap-2">
<FaceFrownIcon className="w-10 text-gray-400" />
<h2 className="text-xl font-semibold">404 Not Found</h2>
<p>Could not find the requested invoice.</p>
<Link
href="/dashboard/invoices"
className="mt-4 rounded-md bg-blue-500 px-4 py-2 text-sm text-white transition-colors hover:bg-blue-400"
>
Go Back
</Link>
</main>
);
}

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

@ -1,6 +1,7 @@
import Form from '@/app/ui/invoices/edit-form';
import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
import { fetchCustomers, fetchInvoiceById } from '@/app/lib/data';
import { notFound } from 'next/navigation';
export default async function Page(props: {
params: Promise<{
@ -14,6 +15,10 @@ export default async function Page(props: {
fetchCustomers(),
]);
if(!invoice){
notFound();
}
return (
<main>
<Breadcrumbs