33 lines
924 B
TypeScript
33 lines
924 B
TypeScript
'use client'
|
||
|
||
import { useEffect } from 'react'
|
||
import { Button } from '@/components/ui/button'
|
||
import { AlertTriangle } from 'lucide-react'
|
||
|
||
export default function UsersError({
|
||
error,
|
||
unstable_retry,
|
||
}: {
|
||
error: Error & { digest?: string }
|
||
unstable_retry: () => void
|
||
}) {
|
||
useEffect(() => {
|
||
console.error('[UsersPage Error]', error)
|
||
}, [error])
|
||
|
||
return (
|
||
<div className="flex h-64 flex-col items-center justify-center gap-4 p-6 text-center">
|
||
<div className="flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10">
|
||
<AlertTriangle className="size-6 text-destructive" />
|
||
</div>
|
||
<div>
|
||
<h2 className="font-semibold">Kullanıcılar yüklenemedi</h2>
|
||
<p className="mt-1 text-sm text-muted-foreground">{error.message}</p>
|
||
</div>
|
||
<Button variant="outline" onClick={unstable_retry}>
|
||
Yeniden Dene
|
||
</Button>
|
||
</div>
|
||
)
|
||
}
|