23 lines
851 B
TypeScript
23 lines
851 B
TypeScript
|
import Link from "next/link";
|
||
|
|
import { MicOff } from "lucide-react";
|
||
|
|
import { Button } from "@/components/ui/button";
|
||
|
|
|
||
|
|
export default function EpisodeNotFound() {
|
||
|
|
return (
|
||
|
|
<div className="flex min-h-[60vh] flex-col items-center justify-center gap-5 text-center">
|
||
|
|
<div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-secondary text-muted-foreground">
|
||
|
|
<MicOff className="h-7 w-7" />
|
||
|
|
</div>
|
||
|
|
<div className="space-y-1.5">
|
||
|
|
<h1 className="font-display text-2xl font-extrabold tracking-tight">Episode not found</h1>
|
||
|
|
<p className="max-w-sm text-sm text-muted-foreground">
|
||
|
|
This episode doesn't exist, or you don't have access to it.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<Button asChild>
|
||
|
|
<Link href="/episodes">Back to episodes</Link>
|
||
|
|
</Button>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|