Tola Leng
26 lines
831 B
TypeScript
26 lines
831 B
TypeScript
|
|
import { AlertTriangle } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
export function ServiceNotFound() {
|
|
const navigate = useNavigate();
|
|
|
|
return (
|
|
<div className="flex items-center justify-center h-screen bg-background text-foreground">
|
|
<div className="text-center">
|
|
<AlertTriangle className="mx-auto h-12 w-12 text-yellow-500" />
|
|
<h2 className="text-xl font-bold mt-4">Service Not Found</h2>
|
|
<p className="mt-2 text-muted-foreground">The service you're looking for doesn't exist or has been deleted.</p>
|
|
<Button
|
|
className="mt-4"
|
|
variant="outline"
|
|
onClick={() => navigate("/dashboard")}
|
|
>
|
|
Back to Dashboard
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|