mirror of
https://github.com/yusufipk/OpenFrame.git
synced 2026-09-11 17:46:06 +00:00
Yusuf İpek
373aab964c
- Introduce dedicated error pages for dashboard and video routes - Add specific not-found pages for dashboard, projects, videos, and settings - Implement global `not-found.tsx` for general unhandled routes - Integrate root and dashboard layouts with ErrorBoundary and Suspense - Add new UI components: Accordion, Hover Card, Menubar, Navigation Menu, Select, Tabs - Update Navbar to utilize the new Navigation Menu component - Enhance `button` component with a `link` variant for better styling - Refine existing UI components (dialog, dropdown, input, etc.) - Update Tailwind config with new colors and animation extensions
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import Link from "next/link";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Film } from "lucide-react";
|
|
|
|
interface VideoNotFoundProps {
|
|
params: Promise<{ projectId: string; videoId: string }>;
|
|
}
|
|
|
|
export default async function VideoNotFound({ params }: VideoNotFoundProps) {
|
|
const { projectId } = await params;
|
|
|
|
return (
|
|
<div className="flex min-h-[calc(100vh-4rem)] flex-col items-center justify-center gap-4 p-4">
|
|
<div className="flex flex-col items-center gap-2 text-center">
|
|
<Film className="h-12 w-12 text-muted-foreground" />
|
|
<h1 className="text-2xl font-bold">Video Not Found</h1>
|
|
<p className="text-muted-foreground max-w-md">
|
|
The video you're looking for doesn't exist or has been deleted.
|
|
</p>
|
|
</div>
|
|
<div className="flex gap-2">
|
|
<Button asChild variant="default">
|
|
<Link href={`/projects/${projectId}`}>Back to project</Link>
|
|
</Button>
|
|
<Button asChild variant="outline">
|
|
<Link href="/dashboard">Go to dashboard</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|