45 lines
2.0 KiB
TypeScript
45 lines
2.0 KiB
TypeScript
import { Button } from "@/components/ui/button"
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
|
import Link from "next/link"
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className="container mx-auto py-8">
|
|
<div className="max-w-2xl mx-auto">
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>URL Not Found</CardTitle>
|
|
<CardDescription>
|
|
The short link you're trying to edit could not be found.
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<div className="space-y-4">
|
|
<p className="text-sm text-muted-foreground">
|
|
This could happen if:
|
|
</p>
|
|
<ul className="list-disc list-inside text-sm text-muted-foreground space-y-1">
|
|
<li>The link has been deleted</li>
|
|
<li>You don't have permission to edit this link</li>
|
|
<li>The link ID is invalid</li>
|
|
</ul>
|
|
<div className="flex gap-2">
|
|
<Button asChild>
|
|
<Link href="/dashboard/list">
|
|
View All Links
|
|
</Link>
|
|
</Button>
|
|
<Button asChild variant="outline">
|
|
<Link href="/dashboard/create">
|
|
Create New Link
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|