trello_fake/app/tareas/[id]/not-found.tsx

37 lines
1.1 KiB
TypeScript
Raw Normal View History

import Link from "next/link";
import { FileQuestion, ArrowLeft, Home } from "lucide-react";
import { Button } from "@/components/ui/button";
export default function TaskNotFound() {
return (
<div className="flex flex-col items-center justify-center min-h-[60vh] px-4">
<div className="p-4 rounded-full bg-muted mb-6">
<FileQuestion className="h-12 w-12 text-muted-foreground" />
</div>
<h1 className="text-2xl font-bold mb-2">Tarea no encontrada</h1>
<p className="text-muted-foreground text-center max-w-md mb-6">
La tarea que buscas no existe o ha sido eliminada.
Verifica el ID de la tarea o vuelve a la lista de proyectos.
</p>
<div className="flex items-center gap-3">
<Button variant="outline" asChild>
<Link href="/proyectos">
<ArrowLeft className="h-4 w-4 mr-2" />
Ver proyectos
</Link>
</Button>
<Button asChild>
<Link href="/">
<Home className="h-4 w-4 mr-2" />
Ir al inicio
</Link>
</Button>
</div>
</div>
);
}