first commit
This commit is contained in:
31
app/error.tsx
Normal file
31
app/error.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
"use client"; // الزامی برای صفحات خطا
|
||||
|
||||
import { useEffect } from "react";
|
||||
|
||||
export default function Error({
|
||||
error,
|
||||
reset,
|
||||
}: {
|
||||
error: Error;
|
||||
reset: () => void;
|
||||
}) {
|
||||
useEffect(() => {
|
||||
console.error(error); // لاگ کردن خطا برای بررسی
|
||||
}, [error]);
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-center justify-center min-h-screen p-4">
|
||||
<h1 className="text-6xl font-bold text-white">اوپس!</h1>
|
||||
<h2 className="text-xl font-semibold mt-4 text-neutral-50">مشکلی در سرور رخ داده است</h2>
|
||||
<p className="text-neutral-300 mt-2 text-center max-w-md">
|
||||
در حال حاضر امکان پردازش درخواست شما وجود ندارد. لطفاً دوباره تلاش کنید.
|
||||
</p>
|
||||
<button
|
||||
onClick={() => reset()}
|
||||
className="mt-6 px-6 py-2 bg-white text-blue-900 rounded-lg transition cursor-pointer"
|
||||
>
|
||||
تلاش مجدد
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user