56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect } from 'react'
|
|
import Link from 'next/link'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
|
import { AlertTriangle, RefreshCw, LayoutDashboard } from 'lucide-react'
|
|
|
|
export default function AdminError({
|
|
error,
|
|
reset,
|
|
}: {
|
|
error: Error & { digest?: string }
|
|
reset: () => void
|
|
}) {
|
|
useEffect(() => {
|
|
console.error('Admin section error:', error)
|
|
}, [error])
|
|
|
|
return (
|
|
<div className="flex min-h-[50vh] items-center justify-center p-4">
|
|
<Card className="max-w-md">
|
|
<CardHeader className="text-center">
|
|
<div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10">
|
|
<AlertTriangle className="h-6 w-6 text-destructive" />
|
|
</div>
|
|
<CardTitle>Something went wrong</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4 text-center">
|
|
<p className="text-muted-foreground">
|
|
An error occurred while loading this admin page. Please try again or
|
|
return to the dashboard.
|
|
</p>
|
|
<div className="flex justify-center gap-2">
|
|
<Button onClick={reset} variant="outline">
|
|
<RefreshCw className="mr-2 h-4 w-4" />
|
|
Try Again
|
|
</Button>
|
|
<Button asChild>
|
|
<Link href="/admin">
|
|
<LayoutDashboard className="mr-2 h-4 w-4" />
|
|
Dashboard
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
{error.digest && (
|
|
<p className="text-xs text-muted-foreground">
|
|
Error ID: {error.digest}
|
|
</p>
|
|
)}
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
)
|
|
}
|